作者TonyQ (沉默是金。)
看板Ajax
標題Re: [ js ] 請問像Apple官網的發燒新聞的淡入淡出괠…
時間Wed Jun 2 09:59:59 2010
※ 引述《knives ()》之銘言：
: 我現在html是這樣
: <div class="wrap">
: <p><a href="http://tw.yahoo.com">第一個</a></p>
: <p><a href="http://www.google.com.tw">第二個</a></p>
: <p><a href="http://www.yam.com.tw" >第三個</a></p>
: <p><a href="http://www.yam.com.tw" >第三個</a></p>
: </div>
: 可是我要怎麼用jquery 的index();
: 我的function是這樣寫
: show_maquee(0);
: function show_maquee(index)
: {
: var wrap = $('.wrap');
: //目前測試用，可是沒有任何反應
: alert(wrap.index($('p')[index]).html());
: return false;
: }
//for caching reason , using global varible
var all_items=$(".wrap > *");
var item_index=0;
function hide_all(){
all_items.hide(); // 或fadeOut , 自己選擇哪個比較實用
}
function show_marquee(index){
hide_all();
all_items.eq( index % all_items.size() ).fadeIn();
}
hide_all();
setInterval(
function(){
show_marquee( item_index );
item_index ++ ;
},3000
);
上面的可以看做是虛擬碼，因為我也沒測，效果要自己再看情況調整，
效果這種東西就是多測，測到看起來順眼就算數了。
: 請問該怎麼用index();
: 另外index();裡面可以不要特別指定選擇器嗎，因為我實際上是想要抓 class = wrap
: 裡面的列表，要是以後外面的html換成<ul class="wrap"> <li>這種的列表的話，
: 那js程式是不是還要再另外修改一次
再怎麼樣你至少要寫 > * (所有直屬 children) 吧 XD
: ※ 引述《knives ()》之銘言：
: : http://www.apple.com/tw/
: : 像它的發燒新聞的淡入淡出
: : 雖然我可以用jQuery的fadein、fadeout來做出淡入淡出
: : 我的每一筆都是這樣
: : <div id="ticker">
: : <p><a href="">第一筆</a></p>
: : </div>
: : 那我要怎麼樣讓它一次顯示一筆呢
--
我：一半的日子讓你說，我聽你說你的所有
______________________________________
______________________________________一半的日子我想說，對你說過去的所有：我
_______________________________________________________
在討論中妥善扮演兼具聆聽與分享的角色，是我們一生的課題。
_______________________________________________________
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.34.160.41