日度归档:2008年6月17日

jqeruy打造滑动方框效果。仿照mootools!

项目需要用到滑动方框效果,好不容易到网上找到了二个可用的代码,。一个是prototype写的,另一个是mootools写的。

经过考虑。最后选的是mootools.

但项目主体使用的是jquery。二个类库同时使用时会产生冲突。整了一段时间后。mootools与项目其它部分整合得差不多了,但前几天突然发现mootools的动画效果既然与jquery的load()还有$.post等起冲突。。晕死。。白弄了。

后来下决心自己用jquery写一个滑动效果。。写了个把小时。感觉做出的效果跟mootools的滑动效果非常类似了。到现在这个问题才大功告成。

现在把代码贴出来。。在需要的朋友们可以借鉴借鉴。。嘿嘿

演示地址:http://www.ye55.com/test.html

下载地址:http://www.ye55.com/js_test1.rar (包含jquery类库)

关键js代码如下:

 

JavaScript代码
  1. <SCRIPT LANGUAGE="JavaScript">   
  2. <!–   
  3.     function BoxLeft(content){   
  4.     var speed = 500;//滑动速度 0.1秒   
  5.     var left=jq("#"+content).offset().left;   
  6.   
  7.     jq("div .scrolling-content").each(function(){   
  8.         var thisleft=jq(this).offset().left-left;   
  9.       jq(this).animate({left:thisleft},speed);   
  10.     });   
  11. }   
  12. //–>   
  13. </SCRIPT>