jQuery学习之滑动
2015-09-12 23:31
537 查看
<!DOCTYPE html> <!--滑动 滑动其实质也是jquery中的动画的一种 主要的函数有: slideDown() 向下滑动元素 slideUp() 向上滑动元素 slideToggle() slideDown() 与 slideUp() 方法之间进行切换s --> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery滑动</title> <script src="../res/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(function () { /*$(".flip").click(function(){ $(".panel").slideDown(); });*/ /*$(".flip").click(function(){ $(".panel").slideUp(); });*/ $(".flip").click(function(){ $(".panel").slideToggle(); }); }); </script> <style type="text/css"> div.panel,p.flip { margin:0px; padding:5px; text-align:center; background:#e5eecc; border:solid 1px #c3c3c3; } div.panel { height:120px; display:none; } </style> </head> <body> <div class="panel"> <p>中药在O2O模式在实际的操作要根据实际的情况进行操作。</p> <p>中药材完全是自产自销模式,良好的产地信息运用是基础。</p> </div> <p class="flip">请点击这里</p> </body> </html>
相关文章推荐
- jQuery学习之淡出淡入
- jQuery中jqGrid分页实现代码
- jquery 选择器(name,属性,元素)大全
- jQuery学习之基本选择器
- 锋利的Jquery【读书笔记】 -- 第一章
- Jquery-easyUI-datagrid参数之 queryParams
- jquery根据id取不到textarea对象,无法给textarea赋值
- j2ee学习笔记之前端(js、jQuery、html、html5、webService、ajax、css)—— 一直会补充
- JavaScript学习笔记8-jQuery基本过滤选择器深度解析
- jQuery常用Event-API
- jQuery 中 attr() 和 prop() 方法的区别
- jQuery使用ajax跨域获取数据
- jQuery常用Method-API
- jQuery中的九类选择器
- jQuery判断checkbox是否选中
- 【转】js/jquery中刷新iframe方法(兼容主流)
- jquery treeview(树状菜单) 插件参数说明
- 利用jquery each方法遍历<span>内容
- jquery validation验证身份证号、护照、电话号码、email
- jQuery二级联动动态列表