移动端轮播图
来源:互联网 发布:360淘宝网 编辑:程序博客网 时间:2024/05/01 13:58
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="css/style.css">
<title>jquery手机端触屏滑动幻灯片代码演示_大头网</title>
</head>
<body>
<!-- 代码 开始 -->
<div id="slider-box">
<ul id="slider">
<li><img src="images/1.jpg" alt="" /></li>
<li><img src="images/2.jpg" alt="" /></li>
<li><img src="images/3.jpg" alt="" /></li>
<li><img src="images/1.jpg" alt="" /></li>
<li><img src="images/2.jpg" alt="" /></li>
<li><img src="images/3.jpg" alt="" /></li>
</ul>
</div>
<!--js-->
<script src="js/zepto.min.js"></script>
<script src="js/zepto.touchSlider.js"></script>
<script>
$(function(){
$('#slider-box').touchSlider({
box: '#slider-box',
arrow: true,
auto: true,
autoTime: 3000
});
});
</script>
<!-- 代码 结束 -->
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="css/style.css">
<title>jquery手机端触屏滑动幻灯片代码演示_大头网</title>
</head>
<body>
<!-- 代码 开始 -->
<div id="slider-box">
<ul id="slider">
<li><img src="images/1.jpg" alt="" /></li>
<li><img src="images/2.jpg" alt="" /></li>
<li><img src="images/3.jpg" alt="" /></li>
<li><img src="images/1.jpg" alt="" /></li>
<li><img src="images/2.jpg" alt="" /></li>
<li><img src="images/3.jpg" alt="" /></li>
</ul>
</div>
<!--js-->
<script src="js/zepto.min.js"></script>
<script src="js/zepto.touchSlider.js"></script>
<script>
$(function(){
$('#slider-box').touchSlider({
box: '#slider-box',
arrow: true,
auto: true,
autoTime: 3000
});
});
</script>
<!-- 代码 结束 -->
</body>
</html>
0 0
- 移动端轮播图
- 移动端轮播图
- zepto实现移动端轮播图
- 移动
- 移动
- 移动
- 移动
- 移动
- 移动
- 移动
- 移动
- 移动
- 移动GPU 移动CPU
- 广东移动:深圳移动
- 纯js实现移动端web端轮播图-结合transition动画
- 移动数据
- 移动术语
- 移动硬盘盒!
- button 设置圆角、View设置圆角
- 2016年6月问题记录与总结
- 《GPU编程与CG语言之阳春白雪下里巴人》 读书笔记3 漫反射与Lambert光照模型
- Java编程中“为了性能”尽量要做到的一些地方
- postgreSQL中where子句执行顺序 - 多个and从左到右依次执行
- 移动端轮播图
- CSS绘图:环
- String to Integer (atoi)
- 突然接到指令,玩STM32
- Android Sensor框架简述(一)
- mysql排序order by新发现
- bootstrap-datepicker 插件修改为默认中文 - cnhxz
- h5开发中常见的问题汇总
- 带百分比显示的seekbar