展示图片的例子2

于 2008-12-01 17:19:23 发布 · 142 阅读

·

0

·

0

文章标签：

#jQuery #JavaScript #ViewUI

jquery 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的简单悬停动画效果。当鼠标悬停在链接上时，链接宽度将从初始值平滑过渡到指定的目标宽度，移开鼠标后又返回原始宽度。

转自：站酷

下面我用jquery写了个类似的效果，用jquery写起来就非常简单。

<script type="text/javascript">
$(document).ready(function(){
	$("a").hover(
	  function () {
		$("a").animate({width:160},{queue: false, duration: "slow" });
		$(this).animate({width:460},{queue: false, duration: "slow" });
	  },
	  function () {
		$("a").animate({width:235},{queue: false, duration: "slow" });
	  }
	); 
});
</script>