新聞滑塊CSS和HTML

我有我的網站的新聞滑塊，我想使用但我有一個小問題。在完成HTML和CSS之後，我需要'showcase'旋轉，現在我已經嘗試了不同的Jquery指令，但是沒有運氣。有人能指點我或幫我創造這個嗎？新聞滑塊CSS和HTML

這裏是什麼，我都取得了迄今爲止畫中畫：http://i.stack.imgur.com/Lzakd.png

下面是到我的網站鏈接：http：//www.unscspartanteamomega.com/hproto

，這裏是一個鏈接網站使用類似的東西，我試圖實現：http://home.jejaju.com/play/kids/

我是jquery的新手，所以我不知道多少，但如果有人可以幫助或指向我一些有用的東西，我會感謝每一個小小的幫助。自上週以來我一直在努力。

謝謝:)

來源

2012-05-08 ElementZero

你嘗試過什麼碼？ – element119

這個頁面上的一個：http://home.jejaju.com/play/kids/ – ElementZero

這是home.jejaju.com/play/kids/是如何做到這一點，我把相關的代碼放在一個jsfiddle http：///jsfiddle.net/b374B/ –

包括這裏找到了jQuery插件週期：http://jquery.malsup.com/cycle/

然後你只需要添加下面的JavaScript：

$(document).ready(function() { 
    $('.topNewsBlock').cycle(); 
});

來源

2012-05-08 21:51:39 lucuma

我必須選擇效果嗎？ – ElementZero

默認情況下，它將使用淡入淡出效果。如果你想改變，很容易：$（'。topNewsBlock'）.cycle（{fx：'scrollHorz'}）;下面是一個jsfiddle的例子：http://jsfiddle.net/lucuma/tcRCj/在這裏你可以找到所有的效果：http://jquery.malsup.com/cycle/browser.html循環插件將旋轉任何子元素。在你的情況下，它會旋轉divs。 – lucuma

發生了什麼事情，至少有東西在移動，但它不能正常工作。我感謝您的幫助。謝謝請參閱：http://www.unscspartanteamomega.com/hproto – ElementZero

新聞滑塊CSS和HTML

回答

相關問題