快捷導(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)文章

深入理解jQuery事件綁定
下面小編就為大家?guī)?lái)一篇深入理解jQuery事件綁定。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
JQuery $.each遍歷JavaScript數(shù)組對(duì)象實(shí)例
聲明了一個(gè)JSON字符串直接遍歷，在Chrome控制臺(tái)下面報(bào)錯(cuò)，解決方法是將JSON字符串轉(zhuǎn)換為JavaScript對(duì)象
2014-09-09
Jquery $.getJSON 在IE下的緩存問(wèn)題解決方法
$.getJSON 的url都是相同的問(wèn)題來(lái)了我修改或者新增樹(shù)節(jié)點(diǎn) 然后刷新tree IE竟然毫無(wú)變化在其他瀏覽器上面都OK，于是搜到一個(gè)可行的解決方法
2014-10-10
jQuery EasyUI提交表單驗(yàn)證
這篇文章主要介紹了jQuery EasyUI提交表單驗(yàn)證的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
jQuery.Validate驗(yàn)證庫(kù)的使用介紹
本篇文章介紹了，jQuery.Validate驗(yàn)證庫(kù)的使用。需要的朋友參考下
2013-04-04
jQuery過(guò)濾選擇器經(jīng)典應(yīng)用
這篇文章主要為大家詳細(xì)介紹了jQuery過(guò)濾選擇器經(jīng)典應(yīng)用，具有一定的實(shí)用性，感興趣的小伙伴們可以參考一下
2016-08-08
基于jquery+thickbox仿校內(nèi)登錄注冊(cè)框
近日，客戶說(shuō)他想要個(gè)類似于人人網(wǎng)（以前為校內(nèi)）的登錄框效果，于是上網(wǎng)搜了下，發(fā)現(xiàn)有一個(gè)仿得比較好的，于是就拿過(guò)來(lái)用了用。
2010-06-06
jQuery Mobile操作HTML5的常用函數(shù)總結(jié)
jQuery Mobile是針對(duì)移動(dòng)端開(kāi)發(fā)的JavaScript框架,正如其名基于jQuery庫(kù),jQuery Mobile主要被用來(lái)操作HTML5設(shè)計(jì)頁(yè)面UI,下面就來(lái)看一下jQuery Mobile操作HTML5的常用函數(shù)總結(jié):
2016-05-05
jQuery實(shí)現(xiàn)非常實(shí)用漂亮的select下拉菜單選擇效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)非常實(shí)用漂亮的select下拉菜單選擇效果,通過(guò)jQuery模擬select下拉選擇效果,并具有點(diǎn)擊選中下拉項(xiàng)進(jìn)入輸入框的功能,非常美觀實(shí)用,需要的朋友可以參考下
2015-11-11
jQuery插件JWPlayer視頻播放器用法實(shí)例分析
這篇文章主要介紹了jQuery插件JWPlayer視頻播放器用法,結(jié)合實(shí)例形式分析了JWPlayer插件播放視頻的相關(guān)操作技巧,需要的朋友可以參考下
2017-01-01