特效描述:jquery移动开发 mobile图片移动 自适应手机屏幕 上下左右平滑移动。手机微网站焦点图,自适应移动设备屏幕大小,左右滑动切换,上下滑动滚动页面,Jquery 封装插件!
代码结构
1. 引入CSS
<link rel="stylesheet" href="css/styles.css" type="text/css">
2. 引入JS
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/yxMobileSlider.js"></script>
3. HTML代码
<div class="slider"> <ul> <li><a href=""><img src="uploads/1.jpg"></a></li> <li><a href=""><img src="uploads/2.jpg">测试标题一</a></li> <li><a href=""><img src="uploads/3.jpg">测试标题一</a></li> <li><a href=""><img src="uploads/4.jpg">测试标题一</a></li> <li><a href=""><img src="uploads/5.jpg">测试标题一</a></li> </ul> </div> <script type="text/javascript" src="js/yxMobileSlider.js"></script> <script> $(".slider").yxMobileSlider({width:640,height:320,during:3000}) </script>