简明现代魔法 -> JQuery -> JQuery 学习:渐隐HTML元素的内容

JQuery 学习:渐隐HTML元素的内容

2010-04-23

这个特效用 hide() 方法实现,有些酷。先看看演示效果吧:

点击我,我会马上消失。

实现上面效果的代码:

<script type="text/javascript"> 
$(document).ready(function(){
	$("span").click(function(){
    	$(this).hide("slow");
    	return false;
	}); 
}); 
</script> 

<span style="display:block; height:300; width:500; background-color:#0F3; cursor:pointer;">点击我,我会马上消失。</span>

span 元素的点击事件是 hide,将内容隐藏掉。

JQuery 很好玩,利用它可以非常方便地操纵 DOM。

每天学习一点点,今天就到这。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们