oopslwb的gravatar头像
oopslwb 2015-01-20 11:02:38

jQuery手机移动端图片触屏滑动广告图片焦点图网页特效源代码下载

jQuery手机移动端图片触屏滑动广告图片焦点图网页特效源代码下载
 

特效说明:jQuery手机移动端图片触屏滑动焦点图网页特效,该特效基于jquery.event.drag-1.5.min.js、 jquery.touchSlider.js和jquery-1.7.1.min.js等插件制作的图片轮播特效代码,兼容PC端和手机移动端,全屏宽屏 显示,支持鼠标点击切换图片,鼠标拖拽切换图片,手机触摸滑动切换图片。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)

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

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSlider.js"></script>

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

代码下载及演示地址


打赏

文件名:mFocus.zip,文件大小:772.209K 下载
  • /
      • /mFocus
        • /mFocus/51RGB海量优秀学习资源.txt
          • /mFocus/css
            • /mFocus/css/style.css
          • /mFocus/images
            • /mFocus/images/bodyBg.jpg
            • /mFocus/images/bodyBg2.jpg
            • /mFocus/images/bodyBg3.jpg
            • /mFocus/images/btn_main_img.png
            • /mFocus/images/hover_left.png
最代码最近下载分享源代码列表最近下载
9323249323  LV13 2023年7月25日
long226  LV3 2023年2月7日
EAST_Ace  LV4 2020年6月30日
岩温叫  LV1 2020年4月16日
luohaipeng  LV23 2019年12月5日
低调人  LV38 2019年8月1日
iesomail  LV2 2019年6月3日
规范化  LV34 2019年5月5日
无心化缘  LV1 2019年3月20日
少年阿宾  LV3 2019年3月11日
最代码最近浏览分享源代码列表最近浏览
dongandmin  LV8 3月5日
9323249323  LV13 2023年7月25日
微信网友_6411724627349504  LV3 2023年4月3日
long226  LV3 2023年2月7日
yerwiu  LV10 2022年5月14日
gyyyyyn  LV2 2022年5月11日
jdndbh  LV6 2021年12月10日
2441900114  LV2 2021年3月8日
ff111111  LV5 2020年7月12日
EAST_Ace  LV4 2020年6月30日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友