Jquery的hide及toggle方法讓超鏈接慢慢消失
更新時間:2013年09月06日 11:10:27 作者:
點擊超鏈接,超鏈接就會慢慢的消失,本文采用jquery中的hide方法及toggle方法實現(xiàn),喜歡的朋友可以參考下
復(fù)制代碼 代碼如下:
$(this).hide("slow");
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>hello world</title>
<script type="text/javascript" src="http://www.cssrain.cn/demo/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
$(this).hide("slow");
return false;
});
});
</script>
</head>
<body>
<a >
Effects Module(效果模塊)
現(xiàn)在,只要你點擊超鏈接,超鏈接就會慢慢的消失。
“return false"表示保留默認行為,因此頁面不會跳轉(zhuǎn)。
</a>
<hr/>
<a >我也是一個段落文本,單擊我也彈出hello world .---單擊我</a>
</body>
</html>
3、點擊text圖片消失

相關(guān)文章
jQuery實現(xiàn)網(wǎng)頁抖動的菜單抖動效果
這篇文章主要介紹了jQuery實現(xiàn)網(wǎng)頁抖動的菜單抖動效果,鼠標滑過菜單項可見到菜單項的抖動效果,涉及jquery鼠標事件及頁面元素樣式動態(tài)操作的技巧,需要的朋友可以參考下2015-08-08jQuery 獲取遍歷獲取table中每一個tr中的第一個td的方法
下面小編就為大家?guī)硪黄猨Query 獲取遍歷獲取table中每一個tr中的第一個td的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10有關(guān)于eclipse配置spket需要注意的一些地方
用eclipse開發(fā)jquery程序,可以安裝spket插件,這樣在寫代碼的時候,就會有智能感知.eclipse配置spket的文章網(wǎng)上到處都是,spket官網(wǎng)上也有介紹.但配置后有的人無論如何也沒有智能感知提示,我就是其中一個.2013-04-04JQuery EasyUI 結(jié)合ztrIee的后臺頁面開發(fā)實例
下面小編就為大家?guī)硪黄狫Query EasyUI 結(jié)合ztrIee的后臺頁面開發(fā)實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09jQuery 1.5.1 發(fā)布,全面支持IE9 修復(fù)大量bug
jQuery 1.5.1發(fā)布了!這是自jQuery1.5發(fā)布以來第一個小版本更新,并且解決了很多BUG。2011-02-02jquery實現(xiàn)彈窗(系統(tǒng)提示框)效果
這篇文章主要為大家詳細介紹了jquery實現(xiàn)彈窗系統(tǒng)提示框效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-12-12