请 高 手 用 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>
追问
哥们咋了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
