论坛首页 Web前端技术论坛

网上找的代码太多,自己用JQuery写一个横向滑动切换效果,代码超少

浏览 15767 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (6) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-04-25  
redstarofsleep 写道
georgezeng 写道
redstarofsleep 写道
georgezeng 写道
JQuery 本身就提供了slide左右的代码,就一句话啊。。。
$(node).show("slide", {
  direction : "left" // "right", "up", "down"
}, 1000); // specific the animation time

see, so easy.....

这个direction 是指什么?



direction指的是滑动的方向

我试了,不行啊.....
除了JQuery核心库,是不是还要导什么JS?
官方文档上也没有找到找到这种用法啊



sorry,我忘记说了,这个是需要使用ui的js的,以下是例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 <script src="jquery-1.4.4.min.js"></script>
  <script src="jquery-ui-1.8.9.min.js"></script>
 </HEAD>

 <BODY>
  <div id="test" style="width: 500px; background-color: red; height: 500px;"></div>

  <script>
	$("#test").show(
		"slide",
		{
			direction: "left"
		}
	);
  </script>
 </BODY>
</HTML>


0 请登录后投票
   发表时间:2011-04-26  
貌似IE7下有问题
0 请登录后投票
   发表时间:2011-04-26  
hjiuokpl1314 写道
貌似IE7下有问题


厄...我试过IE6和IE8
IE7下有问题吗?哪里不对
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics