Re: [問題] 請問Jquery有像Yahoo的最新新聞專輯那먠…
<div id="scrollDiv">
<ul>
<li></li>
<!--...看你要幾個li也可以進db讀出來-->
</ul>
<script type="text/javascript">
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px",opacity: "0" <!--不要淡化效果opacity拿掉-->
},500,function(){
$(this).css({marginTop:"0px",opacity: <!--不要淡化cssopacity拿掉-->
"1"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',3000) <!--3000為速度-->
});
</script>
</div>
-----------------------------
css
ul,li{margin:0;padding:0}
#scrollDiv{
margin:2px auto;width:795px;height:18px;line-height:18px;border:#ccc 1px
solid;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}
#scrollDiv a{
font-size:12px;
text-decoration:none;
}
#scrollDiv a:hover{
color:red;
font-weight:bolder;
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.211.217.211
※ 編輯: tn801534 來自: 218.211.217.211 (11/22 10:59)
※ 編輯: tn801534 來自: 218.211.217.211 (11/22 10:59)
※ 編輯: tn801534 來自: 218.211.217.211 (11/22 11:00)
推
11/22 17:31, , 1F
11/22 17:31, 1F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
