gpt4 book ai didi

jquery - CSS 水平滚动溢出与 jQuery slider

转载 作者:行者123 更新时间:2023-12-01 01:53:18 26 4
gpt4 key购买 nike

我正在尝试设置全屏 jquery slider 。我将元素分为两个步骤 1) css 和 2) js。

1) CSS,下面是我正在拍摄的图片(没有固定高度),下面是我到目前为止不起作用的代码。

Example

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">

/* Positioning */
#container { width: 2500px; }
.block { display: inline; }

/* Styling */
.block img { padding: 5px; }

</style>
</head>
<body>
<div id="container">
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
</div>
</body>
</html>

2) Javascript,使用 jquery 我希望 div 在单击它们时向左滑动...就像 jQuery Coda Slider如果可能的话。

谢谢,非常感谢任何帮助。

最佳答案

您需要首先将容器 div 的 css 设置为固定宽度,并将溢出设置为隐藏,以便仅显示该区域内的内容:

#container{
width:500px;
height:200px;
overflow:hidden;
}

您希望 slider 如何工作?自动的?按下按钮?有一些插件可能可以自动处理它

关于jquery - CSS 水平滚动溢出与 jQuery slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2851126/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com