这个轮播图，我们通过两大模块构成；左右点击模块和姓名点击模块。然后在两者相关联来达到最终的效果。在使用js实现轮播图的效果前，先使用HTML和CSS完善这一模块的布局。本轮播图使用8张图片。每次出现两张。
创新互联企业建站,十多年网站建设经验，专注于网站建设技术，精于网页设计，有多年建站和网站代运营经验，设计师为客户打造网络企业风格，提供周到的建站售前咨询和贴心的售后服务。对于成都网站设计、网站制作中不同领域进行深入了解和探索，创新互联在网站建设中充分了解客户行业的需求，以灵动的思维在网页中充分展现，通过对客户行业精准市场调研，为客户提供的解决方案。
下载文件：js图片左右滚动 可停止放大.rar|跟你的需求一模一样，左右自动滚动，鼠标放上去停止，可以点击控制左右。
题主是否想询问“js怎么实现左右滑动无线加载”。首先，需要在HTML中添加一个容器元素，用于显示滑动加载的内容。可以使用CSS设置容器元素的宽度和高度，并设置overflow属性为hidden，这样可以隐藏容器元素之外的内容。
JQuery懂点儿不？这个播放器要引入JQ插件。个人感觉用JQuery还是很简单的，纯JS说实话那些运动算方法我也看不懂。
你在进行一张滑动的时候同时进行另外一张的操作就好了。比如你可以jQuery选择多个图片对象，然后each每个对象，进行css左移控制，言外之意就是把你一张操作挪到each方法块里就好了。
一个简单的解决方案：顶端固定一个DIV作为导航容器，该DIV左端和右端分别用DIV模拟向左和向右的按钮，中间区域呈现导航按钮，计算当前位置，用模拟的按钮控制左右滚动。
我们使用移动端时可以通过触屏手势左右滑动来切换TAB栏目，我们说的TAB一般由导航条和TAB对应的内容组成，切换导航条上的标签同时标签对应的内容也会跟着切换。
这是自己封装的原生js方法，为了偷懒，用了电jqurey。
//这里放手机在屏幕上划动的代码，可以随时取得手指的坐标，并对元素做相应的调整。
在CSS中当DOM元素的position属性为absolute或relative时，我们可以通过改变这个元素的left和top属性的具体值来控制元素在页面中显现的位置。
横排要滑动的图片，然后设置一张图片的宽度；其他地方隐藏掉。用js/jq控制每次滑动的宽度为一张图片的宽度。到最后一张的时候，滑动位置变为初始位置就可以了。反方向也是如此，滑动就完成了。
这是自己封装的原生js方法，为了偷懒，用了电jqurey。
animate实现动画过渡效果。 on、mousedown、mousemove和mouseup等鼠标动作事件。 position、offset等获取位置方法。
jquery mobile没这个功能，jquery mobile主要注重ui，而操作只有点击，没有滑动、缩放等操作，以后可能会加入我觉得，手机最注重的就是滑动和缩放了，不过目前来说用网页做滑动缩放都没手机app里支持的好。
document.addEventListener(touchend，function(e){ //这里放手指移出去的代码，可以取到手指移出后屏幕上的坐标，在e中取。
我们知道使用 jQuery 来实现上下移入移除，可以直接使用 slideUp() 和 slideDown() 方法。slideUp()方法和slideDown()方法只会改变元素的高度。
首先，我们引用normalize.css作为默认样式，以确保我们的菜单在每个浏览器是一样的。我们使用字体图标fontawesome来显示菜单项向下的图标。我们还需要引用jQuery来实现菜单的切换。面板按钮每个网站面板导航按钮都类似。
1、横排要滑动的图片，然后设置一张图片的宽度；其他地方隐藏掉。用js/jq控制每次滑动的宽度为一张图片的宽度。到最后一张的时候，滑动位置变为初始位置就可以了。反方向也是如此，滑动就完成了。
2、下载文件：js图片左右滚动 可停止放大.rar|跟你的需求一模一样，左右自动滚动，鼠标放上去停止，可以点击控制左右。
3、jQuery图片滑动切换插件 - Elastic Image Slideshow 27 全屏+HTML5+声音的jQuery滑动切换插件 (Demo演示 | Download下载)这个插件是这个集合中最酷的一个。全屏图片滑动切换加上酷的音效和缩略图。动作效果也很有动感。
4、jQuery产品图片滑动展示动画我们在电子商务网站上需要展示图片的时候，需要用到jQuery的产品图片展示插件会比较方便，今天分享的这款jQuery图片滑动展示动画就很好的解决了产品图片展示的效果。
5、jquery mobile没这个功能，jquery mobile主要注重ui，而操作只有点击，没有滑动、缩放等操作，以后可能会加入我觉得，手机最注重的就是滑动和缩放了，不过目前来说用网页做滑动缩放都没手机app里支持的好。
6、有一个框架 jQuery Mobile 可以的。jQuery 也就是 javascirpt 的框架，手机网页最好不要用什么 jQuery， Angular JS ... 之类的框架（我个人的想法）。javascript 有 touch event （触摸事件），动画最好用 CSS3。
或许可以这样。页面中间放几个iframe，命名里边加上数字，比如iframe_1，iframe_2，iframe_3。然后旁边放两个按钮。默认iframe_1可见，其他隐藏。点右翻页就iframe_2可见，其他隐藏。不知道行不行得通。
类似这个效果的网上很多的啦，弄个改改就行了。
横排要滑动的图片，然后设置一张图片的宽度；其他地方隐藏掉。用js/jq控制每次滑动的宽度为一张图片的宽度。到最后一张的时候，滑动位置变为初始位置就可以了。反方向也是如此，滑动就完成了。
根据你的具体情况，有两种思路。第一种，类似于滑动效果，用强父元素，overflow：hidden了。然后通过点击左右的键，获取当前父元素的宽度，修改父元素css属性的left，注意，position：absolute时left才起作用。第二种就比较简单。
