oopslwb的gravatar头像
oopslwb 2015-01-09 10:45:51

jQuery开发实现自适应手机屏幕宽度焦点图源码分享

jQuery开发实现自适应手机屏幕宽度焦点图源码分享 

特效说明:一款jQuery自适应屏幕宽度(分辨率)手机焦点图,只适应各种手机屏幕分辨绿焦点图切换网页特效。透明渐变切换,应用简单。支持屏幕旋转自适应焦点图、幻灯片特效。(兼容测试:宽度大于320px手机、移动设备等浏览器)


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

2、调用JS插件代码:
<script src="js/jquery.js" language="javascript" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>

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

演示地址   原帖及代码下载地址


打赏

文件名:mobileFocus.zip,文件大小:161.316K 下载
  • /
      • /mobileFocus
        • /mobileFocus/51RGB海量优秀学习资源.txt
          • /mobileFocus/css
            • /mobileFocus/css/style.css
          • /mobileFocus/images
            • /mobileFocus/images/bodyBg.jpg
            • /mobileFocus/images/bodyBg2.jpg
            • /mobileFocus/images/bodyBg3.jpg
            • /mobileFocus/images/btn1.png
            • /mobileFocus/images/btn2.png
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友