您的位置:首页 > Web前端 > JQuery

jquery.truncate省略显示(类alt/title提示)

2012-07-17 14:27 429 查看
1、引入Jquery:

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: