jQuery:完整页面水平幻灯片

时间:2012-03-08 16:22:57

标签: jquery slide

任何人都可以帮助我向左和向右翻页。 我想创建一个带链接的固定标题,并希望将底部div向左或向右滑动。 sample webpage

3 个答案:

答案 0 :(得分:6)

对于此示例,假设您的主要内容为x像素宽。

创建一个3x像素宽的大div,其中包含3个内嵌div,每个x像素宽。

现在,您可以通过调整最外层div的margin-left来模拟滑动。当margin-left为0时,最左边的子div将可见。如果它等于-x,则会显示中间内容,依此类推。

确保为外部div设置overflow:hidden

这应该足以让你入门。除非您正在寻找有人为您编码。

答案 1 :(得分:1)

看看超大,它是一个jquery插件, http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

还谷歌jquery整页幻灯片,有很多他们

例如: http://machoarts.com/21-beautiful-jquery-sliders-for-your-next-project

答案 2 :(得分:1)

我已成功使用http://srobbin.com/jquery-plugins/pageslide/

虽然您需要在jquery.pageslide.css中将宽度设置为100%