为什么只运行一次？解决思路
日期：2014-05-16 浏览次数：20444 次
为什么只运行一次？
文字向上跑马灯，为什么只运行一次？
------解决方案--------------------
for (i = 1; i <= line; i++) {
_this.find("li:first").appendTo(_this);
}
这里的Line你定义了？
文字向上跑马灯，为什么只运行一次？
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<style type="text/css">
* {
margin:0;
padding:0;
}
ul, li {
list-style-type:none;
}
body {
font:12px/180% Arial, Helvetica, sans-serif;
}
a {
color:#333;
text-decoration:none;
}
a:hover {
color:#3366cc;
text-decoration:underline;
}
.scrollDiv {
height:25px;/* 必要元素 */
line-height:25px;
border:#ccc 1px solid;
overflow:hidden;/* 必要元素 */
}
#s2, #s3 {
height:100px;
width:600px;
margin:0 auto;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
var _this = $("#scrollUl");
var upHeight = -100;
var speed = 500;
//滚动函数
$("#btn1").click(function() {
_this.animate({
marginTop: upHeight
},
speed,
function() {
for (i = 1; i <= line; i++) {
_this.find("li:first").appendTo(_this);
}
_this.css({
marginTop: 0
});
});
})
});
</script>
<body><br />
<br /><br />
<br />
<div class="scrollDiv" id="s3">
<ul id="scrollUl">
<li><a href="#">1.jquery colorpicker 插件颜色选择器 点击颜色选择颜色值与颜色相应变化</a></li>
<li><a href="#">2.jquery评论星星打分特效、鼠标滑过星星显示评论信息</a></li>
<li><a href="#">3.jquery图片切换滚动 水平手风琴切换滚动鼠标滑过图片水平切换</a></li>
<li><a href="#">4.jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动</a></li>
<li><a href="#">5.jquery筛选器插件选项卡 css3制作一个漂亮的HTML5筛选容器插件选项卡</a></li>
<li><a href="#">6.jquery 图片特效用CSS3和HTML5制作仿动画头条报纸缩小到放大翻转图片展示</a></li>
<li><a href="#">7.jquery特效基于jquery幻灯片插件制作一个泡沫幻灯片图片展示特效</a></li>
<li><a href="#">8.jquery 图片幻灯片仿IBM首页焦点图切换，类似flash动态效果图片切换</a></li>
</ul>
</div>
<p>
<input type="button" id="btn1" value="点击向上滚动" />
<input type="button" id="btn2" value="点击向下滚动" />
</p>
<br />
<br />
<div id="info"></div>
<p> </p>
</body>
</html>
------解决方案--------------------
for (i = 1; i <= line; i++) {
_this.find("li:first").appendTo(_this);
}
这里的Line你定义了？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
