我想爲類似http://www.mediatemple.net主頁的產品做一個幻燈片放映,在那裏有右邊那些大點。試圖谷歌,但無法找到一個類似。MediaTemple上的jQuery幻燈片
0
A
回答
0
他們的代碼是直接在頁面中。在CSS中進行一些調查應該會讓你朝正確的方向發展。
$(document).ready(function() {
var nrgtiles = $('div[class^=homesplash]').length;
/* alert(nrgtiles); */
$('body').append('<div id="nrgrotate"> </div>');
var i=1;
while (i<=nrgtiles) {
$('#nrgrotate').append('<a href="#"><em> </em></a>');
i++;
}
$('#nrgrotate a:eq(0)').addClass('active');
$('#nrgrotate a:eq(0)').click(function() {
homeFadeOut();
return false;
});
$('#nrgrotate a:eq(1)').click(function() {
homeFadeIn();
return false;
});
$('.homesplash2').hide();
timer = setTimeout(homeFadeIn, 10000);
});
function homeFadeIn() {
clearTimeout(timer);
$('#nrgrotate a:eq(0)').removeClass('active');
$('#nrgrotate a:eq(1)').addClass('active');
$('.homesplash2').fadeIn(1000, function() {
timer = setTimeout(homeFadeOut, 10000);
});
}
function homeFadeOut() {
clearTimeout(timer);
$('#nrgrotate a:eq(1)').removeClass('active');
$('#nrgrotate a:eq(0)').addClass('active');
$('.homesplash2').css('margin-top', '-263px').fadeOut(1000, function() {
timer = setTimeout(homeFadeIn, 10000);
});
}
0
嘗試了jQuery Cycle插件:http://jquery.malsup.com/cycle/
0
我建議使用jQuery NIVO滑塊:http://nivo.dev7studios.com/
相關問題
- 1. jquery幻燈片
- 2. jQuery幻燈片
- 3. jQuery幻燈片
- 4. jQuery的幻燈片
- 5. jQuery的幻燈片
- 6. JQuery Gallery +幻燈片
- 7. jquery/javascript圖片幻燈片
- 8. 前面的jquery幻燈片
- 9. 幻燈片效果(jQuery的)
- 10. JQuery幻燈片的邏輯
- 11. jQuery的 - 幻燈片切換
- 12. 多個JQuery的幻燈片
- 13. jQuery的Galleriffic幻燈片
- 14. jQuery的幻燈片格
- 15. jQuery中的幻燈片
- 16. 這樣的jquery幻燈片
- 17. 幻燈片的jQuery滑塊
- 18. jQuery的幻燈片效果
- 19. jQuery的幻燈片效果
- 20. jQuery的圖像幻燈片
- 21. JQuery的幻燈片效果
- 22. jQuery的幻燈片添加具有圖像幻燈片容器
- 23. jQuery幻燈片更改幻燈片的寬度
- 24. 簡單的jQuery幻燈片之間幻燈片轉換
- 25. jQuery:幻燈片之後的幻燈片跳動 - 高度問題?
- 26. jquery簡單的圖像幻燈片在網站上的多個幻燈片
- 27. Jquery Carousel上一張幻燈片
- 28. Google IO幻燈片模板 - 每張幻燈片上的Javascript
- 29. 菜單上的幻燈片
- 30. 自定義幻燈片計時與jQuery插件幻燈片
謝謝。將研究它。 – Victor 2010-05-09 10:40:25