快捷導(dǎo)航

基于jquery實(shí)現(xiàn)的文字淡入淡出效果

更新時(shí)間：2013年11月14日 17:25:42 作者：

這篇文章介紹了jquery實(shí)現(xiàn)的文字淡入淡出效果實(shí)例，有需要的朋友可以參考一下

<!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>無(wú)標(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請(qǐng)求不同頁(yè)面的微信JSSDK問(wèn)題
下面小編就為大家分享一篇淺談ajax請(qǐng)求不同頁(yè)面的微信JSSDK問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02
jquery 日期分離成年月日的代碼
jquery 將日期分離成年月日的代碼，需要的朋友可以參考下。
2010-05-05
jquery插件jbox使用iframe關(guān)閉問(wèn)題
最近做需要用到彈出窗口，發(fā)現(xiàn)JBox不錯(cuò)，可以支持iframe,但是發(fā)現(xiàn)個(gè)問(wèn)題，在iframe中添加一個(gè)按鈕點(diǎn)擊此按鈕
2009-02-02
jQuery中實(shí)現(xiàn)text()的方法
這篇文章主要介紹了jQuery中實(shí)現(xiàn)text()的方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-04-04
EASYUI TREEGRID異步加載數(shù)據(jù)實(shí)現(xiàn)方法
找了一下官方文檔，看了EASYUI的異步加載，弄了我兩三個(gè)小時(shí)，死活都不出數(shù)據(jù)
2012-08-08
jQuery與vue實(shí)現(xiàn)拖動(dòng)驗(yàn)證碼功能
本篇文章主要給大家分享jQuery與vue分別實(shí)現(xiàn)超級(jí)簡(jiǎn)單的綠色拖動(dòng)驗(yàn)證碼功能以及代碼實(shí)例，需要的朋友學(xué)習(xí)下吧。
2018-01-01
基于JQuery實(shí)現(xiàn)分隔條的功能
這篇文章主要介紹了基于JQuery實(shí)現(xiàn)分隔條的功能的相關(guān)資料，使用JQuery技術(shù)實(shí)現(xiàn)分隔條的功能，感興趣的小伙伴們可以參考一下
2016-06-06
jQuery中height()方法用法實(shí)例
這篇文章主要介紹了jQuery中height()方法用法,以實(shí)例形式較為詳細(xì)分析了height()方法返回元素高度的用法與相關(guān)注意事項(xiàng),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jQuery實(shí)現(xiàn)簡(jiǎn)單的計(jì)時(shí)器功能實(shí)例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的計(jì)時(shí)器功能,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)倒計(jì)時(shí)60秒的具體操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2017-08-08
jQuery的幾個(gè)我們必須了解的特點(diǎn)
JQuery是一個(gè)快速的，簡(jiǎn)潔的JavaScript庫(kù)，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互。它的文檔說(shuō)明很全，而且各種應(yīng)用也說(shuō)得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。
2015-05-05