请 高 手 用 jquery 写 个 文 字 滚 动 代 码,谢 谢!
我有一段文字需要滚动,例:<divstyle="height:25px;"><titlestyle="width:100px;">这是一个滚动的标题,滚动高度为25px,...
我有一段文字需要滚动,例:
<div style="height:25px;">
<title style="width:100px;">这是一个滚动的标题,滚动高度为25px,不受标题字数限制</title>
</div>
想实现的效果是,滚动高度25px(正好是一行,因为title有宽度显示,所以如果标题过长需要向上滚动(不是左右滚动)),滚动一行停顿1秒左右(不需要连续向上滚动),标题完全滚动显示完算一次(不管标题换行后有几行都要一行行滚动),滚动次数为两次,感谢高手帮助! 展开
<div style="height:25px;">
<title style="width:100px;">这是一个滚动的标题,滚动高度为25px,不受标题字数限制</title>
</div>
想实现的效果是,滚动高度25px(正好是一行,因为title有宽度显示,所以如果标题过长需要向上滚动(不是左右滚动)),滚动一行停顿1秒左右(不需要连续向上滚动),标题完全滚动显示完算一次(不管标题换行后有几行都要一行行滚动),滚动次数为两次,感谢高手帮助! 展开
1个回答
展开全部
今日心情不好 给你写一下吧。。。。。。。。。。。。。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery.js" type="text/javascript"></script>
<style type="text/css">
#content{height:25px;width:100px;border:1px solid #d1d1d1;position: relative;overflow: hidden;}
#scroll{width:100px;line-height: 25px;position: absolute;top: 0;left: 0;}
</style>
</head>
<body>
<div id="content">
<div id="scroll">
<div>这是一个滚动的标题,滚动高度为25px,不受标题字数限制</div>
</div>
</div>
</body>
<script type="text/javascript">
$(function(){
var h = $("#scroll div").height();
$("#scroll div").clone().appendTo("#scroll").end().clone().appendTo("#scroll");
var interval = setInterval(scrolling,1000);
function scrolling(){
var $scroll=$("#scroll");
if($scroll.height()<=25) return false;
$scroll.animate({top:'+=-25px'});
if(parseInt($scroll.css("top"))+$scroll.height()-25==h){
clearInterval(interval);
}
}
});
</script>
</html>
追问
哥们咋了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询