PS教程论坛,网页制作论坛-51RGB在线教育

 找回密码
 QQ邮箱注册
查看: 19814|回复: 468

兼容PC端/手机移动端可左右滑动(拖动)焦点图

  [复制链接]

175

主题

192

帖子

1844

积分

少将

Rank: 10Rank: 10Rank: 10

积分
1844
发表于 2015-1-22 10:31:06 | 显示全部楼层 |阅读模式
本帖最后由 oopslwb1 于 2015-1-22 10:32 编辑

1-1412161003230-L.jpg
演示地址  
游客,如果您要查看本帖隐藏内容请回复


特效说明:一款兼容PC端/手机移动端可左右滑动(拖动)焦点图网页特效,可自适应宽度、可用鼠标左右拖动切换图片、可在触屏移动设备上左右滑动切换图片;移动端、触屏设备web前端开发必备JS焦点图代码。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)

使用方法:1、调用CSS样式:
<link href="css/sytyle.css" rel="stylesheet">

2、调用JS插件代码:
<script src="js/jquery-1.js"></script>
<script src="js/jquery_002.js"></script>
<script src="js/jquery.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。


更多网页设计资源:http://www.51rgb.com/nbbs/forum-102-1.html

Photoshop教程全集视频   http://www.51rgb.com/mproductzh.aspx?classid=20



回复

使用道具 举报

0

主题

1

帖子

4

积分

列兵

Rank: 1

积分
4
发表于 2015-1-24 10:41:00 | 显示全部楼层
兼容性很好?
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

列兵

Rank: 1

积分
4
发表于 2015-1-27 07:40:44 | 显示全部楼层
赞,我很想了解移动端的布局是怎样的
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

列兵

Rank: 1

积分
4
发表于 2015-1-28 18:10:02 | 显示全部楼层
aaaaaaaaaaaaaaaaaaaa
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

列兵

Rank: 1

积分
4
发表于 2015-2-11 13:34:03 | 显示全部楼层
aaaaaaaaaaaaaaaaaaaaaaaa
回复 支持 反对

使用道具 举报

0

主题

4

帖子

10

积分

士官

Rank: 2

积分
10
发表于 2015-2-12 11:45:53 | 显示全部楼层
效果还可以啊,不错,值得借鉴...
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

QQ|手机版|Archiver|51RGB在线教育 ( 赣ICP备14008345号-1 )

GMT+8, 2018-1-24 00:16 , Processed in 0.255604 second(s), 23 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表