Html5添加非常实用的手风琴插件教程
2016-01-07 13:46
627 查看
一、使用方法
<link rel="stylesheet" type="text/css" href="css/jquery.accordion.css">
<script src="lib/jquery-1.11.1.min.js"></script>
<script src="js/jquery.accordion.js"></script>
二、Html结构
<div class="accordion">
<ul>
<li class="item1 active"><a href=""></a></li>
<li class="item2"><a href=""></a></li>
<li class="item3"><a href=""></a></li>
<li class="item4"><a href=""></a></li>
<li class="item5"><a href=""></a></li>
</ul>
</div>
三、初始化插件
<script type="text/javascript">
$(document).ready(function(){
$(".accordion").accordion();
});
</script>
四、配置参数
$(".accordion").accordion({
max:"620px",
min:"140px",
speed:"5000"
});
KeyMob是移动端广告平台,主要帮助开发者解决盈利的问题,通过自身平台优势,挑选高转化的广告主资源。
<link rel="stylesheet" type="text/css" href="css/jquery.accordion.css">
<script src="lib/jquery-1.11.1.min.js"></script>
<script src="js/jquery.accordion.js"></script>
二、Html结构
<div class="accordion">
<ul>
<li class="item1 active"><a href=""></a></li>
<li class="item2"><a href=""></a></li>
<li class="item3"><a href=""></a></li>
<li class="item4"><a href=""></a></li>
<li class="item5"><a href=""></a></li>
</ul>
</div>
三、初始化插件
<script type="text/javascript">
$(document).ready(function(){
$(".accordion").accordion();
});
</script>
四、配置参数
$(".accordion").accordion({
max:"620px",
min:"140px",
speed:"5000"
});
KeyMob是移动端广告平台,主要帮助开发者解决盈利的问题,通过自身平台优势,挑选高转化的广告主资源。
相关文章推荐
- Html5添加跨浏览器的带放大镜效果的商品橱窗插件教程
- h5列表页的性能优化
- H5——条件注释
- H5——meta
- 传奇创世开发H5案例:121体育全民运动
- Html5添加文件上传组件美化插件教程
- html5的本地存储问题
- Html5添加轻量级响应式打字机特效插件教程
- HTML5 Web Sockets与代理服务器交互
- 开发者应该了解的web性能
- HTML5 新的 Input 类型
- HTML5 表单元素
- HTML5 表单属性
- HTML5 语义元素
- HTML5 Web 存储
- HTML5
- HTML5的第二天——视频,音频
- Impala学习笔记(一)CDH5.4.0安装
- 安卓调用原生H5
- 快速入门系列--MVC--07与HTML5移动开发的结合