jquery动画slideUp,sildeDown,sildeToggle
来源:互联网 发布:mac内存不足怎么清理 编辑:程序博客网 时间:2024/06/10 06:13
slideUp()动态隐藏所匹配元素
slideDown()动态显示所有匹配的元素
sildeToggle()切换所有匹配元素的可见性
<style>
*{ margin:0; padding:0;}
body{font-size:15px;}
#container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;}
.head{ background:#999; padding:5px; cursor:pointer;}
.content{ text-indent:15px;}
</style>
<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
<script>
//sildeUp()动态隐藏所匹配元素
//sildeDown()动态显示所匹配元素
$(function(){
$("h5.head").toggle(function(){
$("div.content").slideUp(5000);
},function(){
$("div.content").slideDown(5000)
});
})
</script>
</head>
<body>
<div id="container">
<h5 class="head">什么是jQuery?</h5>
<div class="content">
JQuery是继prototype原型之后又一个javascript库,他凭借简单的代码和完善的浏览器兼容性,再加上强大的DOM操作,完善的事件处理机制,强大的ajax操作,加大的简化了javascript开发人员的工作。
</div>
</div>
</body>
- jquery动画slideUp,sildeDown,sildeToggle
- jQuery动画效果-slideUp slideDown上下滑动
- JQuery 向下展开收起动画( slideDown(),slideUp() )
- 4.2.3: jQuery动画之slideUp()方法和slideDown()方法
- jQuery-动画效果animate() slideDown() slideUp() fadeIn() fadeOut()
- 遇到jQuery 中的 slideUp ,slideToggle和 slideDown 动画重复执行
- 上卷动画slideUp
- jquery slideUp IE6 闪动
- jquery slideUp IE6 闪动
- JQuery slidedown slideup方法
- jQuery学习21---简单动画效果,show,hide,slideUp,slideDown,fadeOut,fadeIn
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- jQuery 动画特效show() hide() slideUp() slideDown() fadeIn() fadeOut() animate() stop() delay()
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- 转:遇到jQuery 中的 slideUp ,slideToggle和 slideDown 动画重复执行
- Jquery中在slideUp等动画后设置css()可能无效的原因
- .Net Jquery(slideDown,slideUp)用法
- 【jQuery】slideUp()和slideDown()函数
- 电脑安全模式
- 项目4-复数模板类
- Mondriaan's Dream(DP-之状态压缩的动态规划poj2411)
- sql 插入,修改,删除
- Eclipse配置python开发环境
- jquery动画slideUp,sildeDown,sildeToggle
- 第五周项目2分数类
- 雷军自述:小米神话背后一些不神话的东西!
- java jdk 环境变量 tomcat 环境变量
- 导航条(收起展开)
- HEVC中的SAO 1 SAO的入口函数
- 【eoeAndroid社区索引】Android控件知识汇总
- Problem 1057 a^b(数论)
- jquery自定义动画-animate()