基于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>無標題文檔</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 $.each遍歷JavaScript數(shù)組對象實例
聲明了一個JSON字符串直接遍歷,在Chrome控制臺下面報錯,解決方法是將JSON字符串轉(zhuǎn)換為JavaScript對象2014-09-09
Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的 問題來了 我修改 或者 新增樹節(jié)點 然后刷新tree IE竟然毫無變化 在其他瀏覽器上面都OK,于是搜到一個可行的解決方法2014-10-10
基于jquery+thickbox仿校內(nèi)登錄注冊框
近日,客戶說他想要個類似于人人網(wǎng)(以前為校內(nèi))的登錄框效果,于是上網(wǎng)搜了下,發(fā)現(xiàn)有一個仿得比較好的,于是就拿過來用了用。2010-06-06
jQuery Mobile操作HTML5的常用函數(shù)總結(jié)
jQuery Mobile是針對移動端開發(fā)的JavaScript框架,正如其名基于jQuery庫,jQuery Mobile主要被用來操作HTML5設(shè)計頁面UI,下面就來看一下jQuery Mobile操作HTML5的常用函數(shù)總結(jié):2016-05-05
jQuery實現(xiàn)非常實用漂亮的select下拉菜單選擇效果
這篇文章主要介紹了jQuery實現(xiàn)非常實用漂亮的select下拉菜單選擇效果,通過jQuery模擬select下拉選擇效果,并具有點擊選中下拉項進入輸入框的功能,非常美觀實用,需要的朋友可以參考下2015-11-11

