jquery实现light7的开关按钮的代码
2016-03-20 11:12
459 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>我的生活</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <link rel="shortcut icon" href="/favicon.ico"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="css/light7.min.css"> <link rel="stylesheet" href="css/light7-swiper.min.css"> <script type='text/javascript' src='js/jquery.js' charset='utf-8'></script> </head> <body> <!-- 你的html代码 --> <div class="page"> <header class="bar bar-nav"> <a class="button button-link button-nav pull-left" href="/demos/card" data-transition='slide-out'> <span class="icon icon-left"></span> 返回 </a> <h1 class="title">我的生活</h1> </header> <div class="content"> <div class="list-block"> <ul><li> <div class="item-content"> <div class="item-inner"> <div class="item-input"> <label class="label-switch"> <input id="inpu" type="checkbox"> <div id="che1" class="checkbox"></div> </label> </div> </div> </div> </li></ul> </div><!--list-block--> <div class="content-block"> <h1 id="h11">我是h1</h1> <h6 style="display: none" id="h66">我是话</h6>
</div> </div><!--content--> </div> <script> $("#inpu").click(function(){ if(this.checked) { $("#h11").hide(); $("#h66").show(); }else { $("#h11").show(); $("#h66").hide(); } }) </script> <script type='text/javascript' src='js/light7.min.js' charset='utf-8'></script> <script type='text/javascript' src='js/light7-swiper.min.js' charset='utf-8'></script> </body> </html>
相关文章推荐
- jquery index方法
- jQuery的学习笔记
- JQuery 验证框架
- jquery小技巧
- springmvc利用jquery.form插件异步上传文件
- Jquery属性(一)
- jQuery 源码解析一:jQuery 类库整体架构设计解析
- javascript与jQuery的那些事
- jQuery插件开发
- 扩展JQUERY 表单加载JSON数据
- 利用JQuery实现广告动态滚动特效
- jQuery学习笔记(3)-操作jQuery包装集的函数
- jquery扩展方法
- jquery对iframe的元素进行遍历
- Jquery上传插件Uploadify无刷新上传文件
- jQuery存在的必要性
- jQuery 还可以输入多少字 inputTotal()
- 使用jQuery的文件上传插件Uploadify完成html的表单提交
- jQuery特效
- jQuery操作radio、checkbox、select总结