爱学记
您现在的位置是：首页
>
简单又快的科学小制作 jquery 简单实用的无缝滚动效果
jquery 简单实用的无缝滚动效果 jquery 简单实用的无缝滚动效果 lt !DOCTYPE PUBLIC " //W C//DTD XHTML Tra itio al//EN" " /DTD/
jquery 简单实用的无缝滚动效果
jquery 简单实用的无缝滚动效果 <!DOCTYPE PUBLIC " //W C//DTD XHTML Transitional//EN" " /DTD/x transitional dtd">< xmlns=""><head><title>简单实用的无缝滚动效果</title><meta equiv="content type" content="text/;charset=gb "><! 把下面代码加到<head>与</head>之间 ><style type=text/css教程>*{font size: px;}#mydiv ul{height: px;overflow:hidden;margin: px;background:#eee;width: px}#mydiv ul li{height: px;line height: px;}</style><script src= target=_blank >javascript教程>google load("jquery" " ");google setOnLoadCallback(OnLoad);function OnLoad(){function giveInterval(funcName time){var args=[];for(var i= ;i<arguments length;i++){args push(arguments[i]);}return window setInterval(function(){funcName apply(this args);} time);}function marquee(elem){ if(!elem cloned){ elem (elem ()+elem ()); elem cloned= ; elem Stop="go"; elem hover(function(){elem Stop="stop";} function(){elem Stop="go"}) elem pause= ; } var scrtop=elem attr("scrollTop"); if(elem pause!= ){ elem pause ; return; } if((scrtop)% == ){ elem pause= ; } if(elem Stop=="stop")return scrtop++; elem attr("scrollTop" scrtop); if(elem attr("scrollTop")>=elem attr("scrollHeight")/ ){ elem attr("scrollTop" ); scrtop= ; }}giveInterval(marquee jQuery("#mydiv ul"));}</script></head><body>预览效果时左下角会提示错误 而且看不到效果 刷新一下就可以看到效果了 当然 在实际使用中 不会出现这样的问题 <br><! 把下面代码加到<body>与</body>之间 ><div class="marquee&step= &delay= " id="mydiv"> <ul> <li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li> <li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li><li><a rel="bookmark" title="中国WEB第一站" href="#">start:</a></li> </ul></div></body></> lishixinzhi/Article/program/Java/hx/201404/30480
很赞哦！ (1061)
微信收款码
支付宝收款码