滑动html
来源:互联网 发布:洞主手工皂淘宝在哪 编辑:程序博客网 时间:2024/06/02 03:00
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>TouchSlide 2.2多图滑动 触屏滑动特效插件 大话主席 </title>
<link rel="stylesheet" href="./main.css"/>
</head>
<script src="../TouchSlide.1.1.source.js"></script>
<body>
<div id="content">
<!-- 本例主要代码 Start ================================ -->
<div id="picScroll" class="picScroll">
<div class="hd line pressbar" style="border:1px solid red">
<ul style="border:1px solid blue">
<li>
开始查验
<div class="number">1</div>
</li>
<li>查验结束
<div class="number">2</div>
</li>
<li>查验结论
<div class="number">3</div>
</li>
<li>查验换行1
<div class="number">4</div>
</li>
<li>查验换行
<div class="number">5</div>
</li>
</ul>
</div>
<div class="bd">
<ul>
<li>tab1</li>
</ul>
<ul>
<li>tab2</li>
</ul>
<ul>
<li>tab3</li>
</ul>
<ul>
<li>tab4</li>
</ul>
<ul>
<li>tab5</li>
</ul>
</div>
</div>
<script type="text/javascript">
TouchSlide({
slideCell:"#picScroll",
//titCell:".hd ul", //开启自动分页 autoPage:true ,此时设置 titCell 为导航元素包裹层
//autoPage:true, //自动分页
//pnLoop:false, // 前后按钮不循环
//switchLoad:"_src" //切换加载,真实图片路径为"_src"
});
</script>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>TouchSlide 2.2多图滑动 触屏滑动特效插件 大话主席 </title>
<link rel="stylesheet" href="./main.css"/>
</head>
<script src="../TouchSlide.1.1.source.js"></script>
<body>
<div id="content">
<!-- 本例主要代码 Start ================================ -->
<div id="picScroll" class="picScroll">
<div class="hd line pressbar" style="border:1px solid red">
<ul style="border:1px solid blue">
<li>
开始查验
<div class="number">1</div>
</li>
<li>查验结束
<div class="number">2</div>
</li>
<li>查验结论
<div class="number">3</div>
</li>
<li>查验换行1
<div class="number">4</div>
</li>
<li>查验换行
<div class="number">5</div>
</li>
</ul>
</div>
<div class="bd">
<ul>
<li>tab1</li>
</ul>
<ul>
<li>tab2</li>
</ul>
<ul>
<li>tab3</li>
</ul>
<ul>
<li>tab4</li>
</ul>
<ul>
<li>tab5</li>
</ul>
</div>
</div>
<script type="text/javascript">
TouchSlide({
slideCell:"#picScroll",
//titCell:".hd ul", //开启自动分页 autoPage:true ,此时设置 titCell 为导航元素包裹层
//autoPage:true, //自动分页
//pnLoop:false, // 前后按钮不循环
//switchLoad:"_src" //切换加载,真实图片路径为"_src"
});
</script>
</div>
</body>
</html>
阅读全文
0 0
- 滑动html
- html中滑动文字效果
- 滑动菜单[slidingMove.html]
- html滑动开关按钮
- Html实现滑动删除
- HTML中的滑动门实现
- html滑动开关按钮实现
- html 滑动卡顿问题
- HTML动画滑动图片特效
- HTML基础8--CSS、滑动门
- html页面滑动页面加载更多
- HTML笔记五:手机滑动图片
- html 鼠标滚轮滑动切屏效果
- html 去掉滑动条; 没办法; html 也得研究
- 出色的html滑动效果库 swiper -例子5 横向自由滑动 可以滑动部分
- Android菜鸟学习笔记(WebView加载html,滑动时闪屏)
- html的一个有趣的图层+图片滑动
- html页面,手机模拟器不能滑动,但是鼠标能滚动
- HDU6034Balala Power!(大数进制转换)
- python 爬虫学习
- POJ
- 《Python自然语言处理》学习笔记-第二章
- nested exception is org.apache.ibatis.binding.BindingException: Invalid (not found)
- 滑动html
- Golang中参数传递详解
- 关于String里面format问题记录
- pdf突然全部变成KWPS.PDF.9
- Golang工程自动创建脚本
- Android自动化测试-Monkey性能测试
- 千万级高并发负载均衡HAProxy安装及使用示例
- 火狐浏览器所有历史版本下载地址
- 多线程下的单例