首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

为什么只运行一次?解决思路

2012-03-30 
为什么只运行一次?文字向上跑马灯,为什么只运行一次?HTML code!DOCTYPE html PUBLIC -//W3C//DTD XHTML

为什么只运行一次?
文字向上跑马灯,为什么只运行一次?

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="点击向上滚动" />  &nbsp;&nbsp;  <input type="button" id="btn2" value="点击向下滚动" /></p><br /><br /><div id="info"></div><p>&nbsp;</p></body></html>


[解决办法]
for (i = 1; i <= line; i++) {
_this.find("li:first").appendTo(_this);

}
这里的Line你定义了?

热点排行
Bad Request.