Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 求一个图片效果。望大神详细解答，谢谢！！这帖子发在JS板块了居然没结果。_html/css_WEB-ITnose

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

WBOY
Freigeben： 2016-06-24 12:20:05
Original
1103 Leute haben es durchsucht

图片滚动    图片换位


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

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

回复讨论(解决方案)

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

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

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

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

移动图片的位置

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

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

Verwandte Etiketten：
求一个图片效果。望大神详细解答，谢谢！！这帖子发在JS板块了居然没结果。
Quelle：php.cn
Vorheriger Artikel：新手，求帮助！_html/css_WEB-ITnose Nächster Artikel：小白求教，background的属性用法出现问题。_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2166
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2315
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1950
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1829
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1880
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage