作者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