看板 Ajax 關於我們 聯絡資訊
※ 引述《knives ()》之銘言: : ※ [本文轉錄自 EZsoft 看板 #1C3CF9Vh ] : 作者: knives () 看板: EZsoft : 標題: [請問] 這個要怎麼一次只顯示一個 : 時間: Mon Jun 7 18:02:46 2010 : <div id="hot_news"> : <p style=" "><a href="http://tw.yahoo.com">第一個</a></p> : <p style=" "><a href="http://www.google.com.tw">第二個</a></p> : <p style=" "<a href="http://www.yam.com.tw" >第三個</a></p> : <p style=" "><a href="http://www.yam.com.tw" >第四個</a></p> : </div> : 我的js : function marquee() : { : var container=document.getElementById("hot_news"); : container.appendChild(container.firstChild); : } : setInterval("marquee()",3000); : 這樣子會產生類似跑馬燈的效果 : 但是我要怎麼樣才能夠一次只顯示一個 : 另外如果換用jquery寫要怎麼寫阿 : 謝謝 <script> $(document).ready(function(){ setTimeout(function(){marquee(0)},1000); }) function marquee(i){ $('#hot_news p').hide() $('#hot_news p').eq(i).show(); i = (i+1) % $('#hot_news p').size(); setTimeout(function(){marquee(i)},3000); } 我不會抓 目前 是 可見的物件,想說要用 each 跑,太累墜了.... 乾脆用 time out ※ 編輯: mesak 來自: 123.204.70.172 (06/08 14:08)
TonyQ: 用 :visible 就好啦.:p 06/08 20:28