jquery slideToggle() 效果
2017-10-09 11:46
218 查看
slideToggle()函数用于切换所有匹配的元素,并带有滑动的过渡动画效果。
所谓"切换",也就是如果元素当前是可见的,则将其隐藏(向上滑动);如果元素当前是隐藏的,则使其显示(向下滑动)。
做了一个展开闭合的效果,现在默认效果为展开的,目前修改为闭合
<script>
$(document).ready(function(){
$("#con").mouseover(function(){
$("#content").slideToggle("slow");
});
});
</script>
<p id="con">文章管理</p>
<div id="content">
<p><a href="add_content.php" target="rightFrame">添加文章</a></p>
<p><a href="content.php" target="rightFrame">文章列表</a></p>
</div>
代码如下:
相关文章推荐
- jquery的slideToggle效果增强
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- JQuery slideToggle 演示简单的 Slide Panel 效果。
- Table中采用JQuery slideToggle效果的问题
- jQuery slideToggle轻松实现效果不错的垂直下拉菜单
- jquery的toggle动画效果显示隐藏
- jquery slideToggle 动画问题
- 遇到jQuery中toggle()与checkbox的冲突,使用其他方法实现同样的效果(工作笔记)
- 【jQuery】调用toggle()方法实现动画切换效果
- 【jQuery】使用slideUp()和slideDown()方法的滑动效果
- 使用JQuery.slideBox实现图片滚动效果
- jQuery动画效果-slideUp slideDown上下滑动
- Jquery slideUp slideDown slideToggle 上拉 下拉 自动上拉下拉
- jQuery入门学习之实现滑动效果:slideUp()和slideDown()小总结
- jquery实现Slide Out Navigation滑出式菜单效果代码
- jquery table slideUp 兼容table滑动效果
- jQuery动画效果-slideUp slideDown上下滑动示例代码
- jQuery入门学习之slideToggle()和bind()方法
- jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数,在IE浏览器下有几处bug