新闻滑块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

回答

相关问题