<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<title>WAP首页</title>
<meta http-equiv="Cache-Control" content="no-transform " />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<LINK href="css/163css.css" type=text/css rel=stylesheet>
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var scroll1;
function loaded() {
scroll = new iScroll('transition', { useTransition:true });
}
document.addEventListener('touchmove', function (e){e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);
//创建一个showhidediv的方法,直接跟ID属性
function changeList(id){
if(id=='list1'){
$("#list1").addClass("current");
$("#list2").removeClass("current");
scroll = new iScroll('transition', { useTransition:true });
scroll.refresh();
$("#ul1").show();
$("#ul2").hide();
}else{
$("#list2").addClass("current");
$("#list1").removeClass("current");
scroll = new iScroll('transition', { useTransition:true });
scroll.refresh();
$("#ul1").hide();
$("#ul2").show();
}
}
</script>
</head>
<body>
<div class="center">
<div class="header">
<a href="#" class="h_left">返回</a>
<a href="#" class="h_right"><img src="images/h_right.jpg" alt="" /></a>
</div>
<div class="section_a">
<img src="images/c_01.jpg" alt="" />
</div>
<div class="section_m">
<div class="sec_b_m">
<div class="sec_b_title">
<ul>
<li class="current" id="list1" onclick="changeList(this.id);">10月20日至10月26日</li>
<li id="list2" onclick="changeList(this.id);">10月27日至10月31日</li>
</ul>
</div>
<div id="transition">
<div class="sec_b_center" >
<ul id="ul1">
<li><span>中奖时间</span><b>姓名</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
<li><span>2014/10/24</span><b>JASOWEEEE</b></li>
</ul>
<ul id="ul2" style="display: none;">
<li><span>中奖时间</span><b>姓名</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span><b>fffffff</b></li>
<li><span>2014/10/24</span
没有合适的资源?快使用搜索试试~ 我知道了~
iscorll滚动实例
共78个文件
jpg:53个
png:17个
css:3个
4星 · 超过85%的资源 需积分: 6 14 下载量 10 浏览量
2014-10-17
13:54:11
上传
评论
收藏 3.78MB ZIP 举报
温馨提示
本实例简洁明了的完成了iscorll.js的各种实现,并有两个不同TAB的切换滚动。
资源推荐
资源详情
资源评论
收起资源包目录
iscorll滚动实例.zip (78个子文件)
iscorll滚动实例
css
163css.css 937B
style.css 5KB
main.css 796B
images
11_03.jpg 58KB
img04.jpg 2KB
9_05.jpg 33KB
4_03.png 7KB
12_04.jpg 40KB
d_05.png 425KB
c_01.jpg 84KB
11_02.jpg 51KB
b_07.jpg 9KB
d_01.jpg 89KB
img01.jpg 5KB
h_left.jpg 2KB
4_04.png 108KB
ina_02.jpg 73KB
d_02.jpg 24KB
11_05.jpg 34KB
7_02.png 39KB
4_02.png 29KB
img07.jpg 4KB
10_03.jpg 87KB
in_07.png 3KB
11_04.jpg 38KB
5_04.jpg 58KB
b_05.jpg 5KB
ina_04.jpg 31KB
h_right.jpg 3KB
d_03.jpg 12KB
papa.png 815B
6_03.jpg 7KB
d_04.jpg 88KB
12_03.jpg 69KB
b_02.jpg 15KB
in_a.png 33KB
b_06.jpg 5KB
9_02.jpg 75KB
img02.jpg 5KB
c_04.png 985B
10_05.jpg 32KB
9_03.jpg 45KB
8_06.png 35KB
c_03.jpg 18KB
prize.jpg 14KB
10_02.jpg 93KB
coin.gif 1KB
4_05.png 70KB
in_06.png 3KB
d_06.png 8KB
ina_01.jpg 97KB
10_04.jpg 62KB
img08.jpg 6KB
8_03.png 1KB
img03.jpg 4KB
12_05.jpg 37KB
6_04.jpg 48KB
ina_03.jpg 73KB
9_04.jpg 37KB
b_03.jpg 19KB
5_02.jpg 39KB
6_02.jpg 96KB
12_02.jpg 63KB
d_05_b.png 649KB
img06.jpg 5KB
d_07.png 9KB
5_03.jpg 51KB
img05.jpg 6KB
b_04.jpg 5KB
11_06.jpg 44KB
ina_05.jpg 35KB
d_05_c.png 550KB
12_06.jpg 15KB
c_02.jpg 17KB
js
iscroll.js 34KB
jquery-1.9.1.min.js 90KB
03.html.bak 8KB
03.html 8KB
共 78 条
- 1
资源评论
- schooltoneOA2017-06-18看不明,好像有bug
- newchenwang2016-03-28本身有bug,用力划到上边的话,就卡住了,下不来了
largebig_bug
- 粉丝: 1
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功