位置：IT落伍者 >> javascript >> 浏览文章
<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "/DTD/xhtmltransitionaldtd"><html xmlns=""><head><title>简单实用的无缝滚动效果</title><meta httpequiv="contenttype" content="text/html;charset=gb"><!把下面代码加到<head>与</head>之间><style type="text/css教程">*{fontsize:px;}#mydiv ul{height:px;overflow:hidden;margin:px;background:#eee;width:px}#mydiv ul li{height:px;lineheight:px;}</style><script src=" target=_blank >javascript教程">googleload("jquery" "");googlesetOnLoadCallback(OnLoad);function OnLoad(){function giveInterval(funcNametime){var args=[];for(var i=;i<argumentslength;i++){argspush(arguments[i]);}return windowsetInterval(function(){funcNameapply(thisargs);}time);}function marquee(elem){if(!elemcloned){elemhtml(elemhtml()+elemhtml());elemcloned=;elemStop="go";elemhover(function(){elemStop="stop";}function(){elemStop="go"})elempause=;}var scrtop=elemattr("scrollTop");if(elempause!=){elempause;return;}if((scrtop)%==){elempause=;}if(elemStop=="stop")returnscrtop++;elemattr("scrollTop"scrtop);if(elemattr("scrollTop")>=elemattr("scrollHeight")/){elemattr("scrollTop");scrtop=;}}giveInterval(marqueejQuery("#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></html>
上一篇：jquery.lazyload 图片延迟加载实例
下一篇：jquery radio，checkbox，select取值与选中代码
