基于jquery實現(xiàn)的文字淡入淡出效果
更新時間：2013年11月14日 17:25:42 作者：
這篇文章介紹了jquery實現(xiàn)的文字淡入淡出效果實例，有需要的朋友可以參考一下
復(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=utf-8" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript" language="javascript" src="../../jquery-1.7.1.min.js">
</script>
<script language="javascript">
$(document).ready(function(){
$("#btn1").toggle(function(){
$("p").fadeOut("slow");
},function(){
$("p").fadeIn("slow");
});
$("#btn2").toggle(function(){
$("p").fadeTo("slow",0.66);
},function(){
$("p").fadeTo("slow",0.66);
});
});
</script>
</head>
<body>
<p style="background:#3F3">this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
</p>
<input type="button" value="淡入/淡出" id="btn1">
</body>
<input type="button" value="淡入/淡出 效果 透明度0.66" id="btn2">
</html>
相關(guān)文章
下面小編就為大家分享一篇淺談ajax請求不同頁面的微信JSSDK問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
jquery 將日期分離成年月日的代碼，需要的朋友可以參考下。2010-05-05
jquery插件jbox使用iframe關(guān)閉問題
最近做需要用到彈出窗口，發(fā)現(xiàn)JBox不錯，可以支持iframe,但是發(fā)現(xiàn)個問題，在iframe中添加一個按鈕點擊此按鈕2009-02-02
這篇文章主要介紹了jQuery中實現(xiàn)text()的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
EASYUI TREEGRID異步加載數(shù)據(jù)實現(xiàn)方法
找了一下官方文檔，看了EASYUI的異步加載，弄了我兩三個小時，死活都不出數(shù)據(jù)2012-08-08
本篇文章主要給大家分享jQuery與vue分別實現(xiàn)超級簡單的綠色拖動驗證碼功能以及代碼實例，需要的朋友學(xué)習(xí)下吧。2018-01-01
這篇文章主要介紹了基于JQuery實現(xiàn)分隔條的功能的相關(guān)資料，使用JQuery技術(shù)實現(xiàn)分隔條的功能，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹了jQuery中height()方法用法,以實例形式較為詳細分析了height()方法返回元素高度的用法與相關(guān)注意事項,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery實現(xiàn)簡單的計時器功能,結(jié)合實例形式分析了jQuery實現(xiàn)倒計時60秒的具體操作技巧與相關(guān)注意事項,需要的朋友可以參考下2017-08-08
JQuery是一個快速的，簡潔的JavaScript庫，使用戶能更方便地處理HTML documents、events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供AJAX交互。它的文檔說明很全，而且各種應(yīng)用也說得很詳細，同時還有許多成熟的插件可供選擇。2015-05-05