Maison > interface Web > tutoriel HTML > 求一个图片效果。望大神详细解答,谢谢!!这帖子发在JS板块了居然没结果。_html/css_WEB-ITnose

求一个图片效果。望大神详细解答,谢谢!!这帖子发在JS板块了居然没结果。_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:20:05
original
1104 Les gens l'ont consulté

图片滚动    图片换位


如图啊 点击 左右的 箭头 是图片整体移动。箭头有2种样式 一个是正常状态 一个是 点击跟鼠标放上去的状态。 小图上的 箭头 是用来更改图片位置的,就是点击左箭头 就会像左移动一个位置 点击右边的 就会向右移动一个位置,每个小图都有这个 效果。谢谢!!!

同时附上 JS 板块地址 http://bbs.csdn.net/topics/390412901?page=1#post-394108729
回答这里之后再去那边回答 。能用的 我 两边给分。

回复讨论(解决方案)

点击左边的整个ul的left减去一个li的宽度
点击右边的整个ul的left加上一个li的宽度
是这个意思么?

这不就是轮播的一部分么
百度下轮播就能看到例子了

是两个 效果,一个效果 是 最外面  有 图片可以左右 移动。
另一个效果 就是 图片 鼠标放上去之后 跳出下面的 那个 黑色地带- 可以左右移动位置 跟删除。

第二个效果的左右移动位置是什么意思
移动图片的位置
还是放大镜的效果的?

移动图片的位置

哦  第一个和第二个一样的效果
这你还有什么不懂的?

按照你的图片写了一个,去这里下载: 图片滚动切换位置jquery插件

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal