<!DOCTYPE html PUBLIC "//W C//DTD XHTML Transitional//EN" " /DTD/xhtml transitional dtd">
<html xmlns="">
<head>
<title>簡單實用的無縫滾動效果</title>
<meta httpequiv="content type" 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;line height: px;}
</style>
<script src=" target=_blank >javascript教程">load("jquery" " "); setOnLoadCallback(OnLoad);
function OnLoad(){
function giveInterval(funcNametime){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(!elemcloned){
elemhtml(elem html()+elem html());
elemcloned= ;
elemStop="go";
elemhover(function(){elem Stop="stop";} function(){elem Stop="go"})
elempause= ;
}
var scrtop=elemattr("scrollTop");
if(elempause!= ){
elempause ;
return;
}
if((scrtop)%== ){
elempause= ;
}
if(elemStop=="stop")return
scrtop++;
elemattr("scrollTop" scrtop);
if(elemattr("scrollTop")>=elem attr("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>
From:http://tw.wingwit.com/Article/program/Java/hx/201404/30480.html