jquery中方法
slideDown(speed,callback)
slideUp(speed,callback)
是上下隐藏显示元素,我想用下充左右滑动隐藏显示元素 该怎么弄 求高人解答 。
在线等啊。
slideDown(speed,callback)
slideUp(speed,callback)
是上下隐藏显示元素,我想用下充左右滑动隐藏显示元素 该怎么弄 求高人解答 。
在线等啊。
解决方案 »
- 日期问题,请大家帮忙
- jsp上面的file标签用了以后无法传到后台怎么办,action那里一直File都是null
- IE 火狐event 问题 ~!!!
- 用ssh2+tomcat+sqlserver2005做的一个项目,在测试的时候,出了点小问题,请教高手!!!
- java如何监控windows的服务程序
- 关于对表单数据的最优验证方式
- 晕死,接上一篇hibernate映射问题,上一贴告诉我刷楼,他一篇帖子又只能发8000字符,有没有搞错CSDN
- struts编程中遇到的问题
- 编写留言本求助
- 在tomcat里的某一应用中,如何自动运行一个bean?
- 想实现Strut2 的上传功能,结果提示是这个错误,怎么办啊
- 求大侠支援,hibernate+jap 怎么调用视图
slideUp(speed,callback)
这两个方法都是jQuery封装了的方法,所以可以直接用。
jQuery里面没有左右滑动的方法呢。如果一定需要可以按照slideDown的方法重写一个,不过有点困难。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script><script type="text/javascript">
$(document).ready(function() {
// 在一个动画中同时应用三种类型的效果
$("#go").click(function(){
$("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10
}, 1000 );
});
$("#right").click(function(){
$(".block").animate(
{
left:'10px',
width:'300px',
height: '200px',
}, "slow");
}); $("#left").click(function(){
$(".block").animate({left: '-50px'}, "slow");
});
});</script><style>
.block{
background-color:#3300FF;
width:10px;
height:10px;
}
</style>
</head><body>
<button id="go"> Run</button>
<div id="block">Hello!</div>
<button id="left">«</button> <button id="right">»</button>
<div class="block"></div>
</body>
</html>
不知道这样是不是你要达到的效果。
$("#xxx").animate({ width:"hide",opacity:"hide"},600);
$("#xxx").animate({ width:"show",opacity:"show"},600);
http://jqueryui.com/demos/effect/#default你需要的那个应该是Shake$( selector ).effect( "shake", {}, duration, callback );
毕竟每个浏览器对于effect的实现效果都不一样
也不是每个浏览器都支持这些效果对于那些非准备浏览器的用户体验会很差的