html5手机端tab切换滑动上拉加载代码



101 400 134



特效描述:html5手机端 tab切换 滑动上拉加载,html5手机端tab切换滑动上拉加载代码

代码结构

1. 引入CSS

<link type="text/css" media="all" rel="stylesheet" href="css/style.css" />
<link type="text/css" media="all" rel="stylesheet" href="css/dropload.css">
<link type="text/css" media="all" rel="stylesheet" href="css/style.css" />
<link type="text/css" media="all" rel="stylesheet" href="css/dropload.css">

2. 引入JS

<script src="lib/jquery-2.2.3.min.js"></script>
<script src="lib/dropload.js"></script>
<script src="lib/khData.js"></script>
<script src="lib/jquery-2.2.3.min.js"></script>
<script src="lib/dropload.js"></script>
<script src="lib/khData.js"></script>

3. HTML代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="robots" content="all" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="pragma" Content="no-cach" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="keywords" content="" />
<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="description" content="" />
<meta name="HandheldFriendly" content="true" />
<title>html5手机端tab切换滑动上拉加载代码</title>
</head>
<body ontouchstart=""  id="container">
<header class="tabHead">
  <span class="active">参与开户<small>(200)</small></span>
  <span>提交资料<small>(116)</small></span>
  <span>开户成功<small>(10)</small></span>
  <b class="border"></b>
</header>
<article class="khfxWarp">
  <section class="khfxPane" style="display:block">
  </section>
  <section class="khfxPane">
  </section>
  <section class="khfxPane">
  </section>
</article>
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 延迟加载 无限加载 延迟 加载 文字延迟加载 文字延迟 文字加载 选项卡自动切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到