html – div元素的jQuery滑块,而不仅仅是图像

概述我已经在本页底部创建了一些“建议项目”的div和容器,希望它是一个滑块,您可以在其中单击左右来查看更多内容.但是我看到的所有jQuery滑块只能用于图像(旋转木马),有人可以为我推荐这种情况,因为它不仅仅是图像. 我认为我不能将DIV放在UL元素中,因为这就是我见过的所有滑块. 这是我下面滑块区域的html.以及指向该页面的链接：http://bit.ly/18IOB8J <div id="car 我已经在本页底部创建了一些“建议项目”的div和容器,希望它是一个滑块,您可以在其中单击左右来查看更多内容.但是我看到的所有jquery滑块只能用于图像(旋转木马),有人可以为我推荐这种情况,因为它不仅仅是图像.

我认为我不能将div放在ul元素中,因为这就是我见过的所有滑块.

这是我下面滑块区域的HTML.以及指向该页面的链接：http://bit.ly/18IOB8J

<div ID="carousel-left"><a href="#"><img src="http://placehold.it/20x100" /></a></div>             <div ID="suggestedproducts">                 <div ID="suggestedproduct-container">                     <div ID="suggestedproduct-img">                        <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHarDWareSecurity.jpg" /></a>                     </div>                     <div ID="suggestedproduct-desc">                        <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a>                        <p>&#163; 59.99</p>                     </div>                 </div>                 <div ID="suggestedproduct-container">                     <div ID="suggestedproduct-img">                        <div ID="suggestedproduct-img">                        <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHarDWareSecurity.jpg" /></a>                     </div>                     </div>                     <div ID="suggestedproduct-desc">                        <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a>                        <p>&#163; 59.99</p>                     </div>                 </div>                 <div ID="suggestedproduct-container">                     <div ID="suggestedproduct-img">                        <a href="#"><img src="http://acsupply.mangdevelopment.co.uk/upload/category/5_FixingsHarDWareSecurity.jpg" /></a>                     </div>                     <div ID="suggestedproduct-desc">                        <a href="#"><h5>JCB 650W ELECTRIC JIGSAW</h5></a>                        <p>&#163; 59.99</p>                     </div>                 </div><!-- suggestedproduct-container -->                 <div ID="carousel-right"><a href="#"><img src="http://placehold.it/20x100" /></a></div>

解决方法 我发现 Basic Slider是最好和最容易整合的滑块脚本之一.重量很轻,有所有需要的选择：

>它可以滑动图像和/或HTML内容
>它响应迅速
>提供漂亮的键盘,鼠标和滚轮控制
>非常容易集成和定制
>淡入淡出或滑动过渡
>定时选项,控制显示选项,……

它取代了我正在使用的所有其他滑块脚本,因为它非常容易集成和自定义,并且非常轻量级,并且奖励提供了很好的淡入淡出效果.

总结

以上是内存溢出为你收集整理的html – div元素的jQuery滑块,而不仅仅是图像全部内容，希望文章能够帮你解决html – div元素的jQuery滑块,而不仅仅是图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。