jquery.truncate省略显示(类alt/title提示)
2012-07-17 14:27
429 查看
1、引入Jquery:
2、JS中给一个样式加入truncate
3、在需要的地方引用样式
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.truncate.min.js"></script>
2、JS中给一个样式加入truncate
<script type="text/javascript"> $(document).ready(function(){ $('.truncate_style').truncate({ width: 'auto', after: '…', center: false, addclass: 'highlight', addtitle: true }); }); </script>
3、在需要的地方引用样式
<div><span class="truncate_style" >如果这里的文字过长的话,会截取前面一部分显示,其余的...省略,鼠标悬停时,title会显示全部内容</span></div>
相关文章推荐
- jquery 简单的title显示插件
- JQuery写的title提示的美化效果
- jquery 鼠标停留显示提示框,提示框位置跟随鼠标移动
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- 文本框文本域提示自动显示隐藏jQuery小插件
- jquery实现搜索框提示文字显示隐藏
- jquery 新消息Title闪烁提示(转载)
- js数据验证:jquery的validate,及进行重置操作时不显示异常提示
- JavaScript实现类似Title Alt功能并且可以显示图片。
- jQuery简单实现title提示效果示例
- jquery 提示信息显示后自动消失的具体实现
- 鼠标悬停显示提示语句,使用title属性即可显示
- HO3003: IE6 IE7 IE8(Q) 中 IMG 元素的 alt 属性在没有 title 属性的情况下会被当作提示信息使用
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- alt和title的提示层
- 让vs2010在设计Asp.net Mvc3 Views时显示JQuery智能提示
- title及alt提示特效
- jQuery鼠标悬停显示提示信息窗口
- jquery的flexigrid无法显示数据提示获取到数据