jQuery實現(xiàn)的文字hover顏色漸變效果實例
更新時間：2016年02月20日 11:38:30 作者：尹昱
這篇文章主要介紹了jQuery實現(xiàn)的文字hover顏色漸變效果,以完整實例形式分析了jQuery實現(xiàn)文字顏色漸變效果的相關(guān)技巧,涉及jQuery插件jquery-ui-1.8.16.custom.min.js的使用,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)的文字hover顏色漸變效果。分享給大家供大家參考，具體如下：
<html>
<head>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").hover(function(){
$("a").animate({width:"80%",height:"40%",fontSize:"100px"},1600,function(){
$("a").animate({color:"#FFFFFF"},1600);
});
},function(){
$("a").animate({color:"blue"},1600,function(){
$("a").animate({width:"100px",height:"20px",fontSize:"14px"},1600);
});
});
});
</script>
</head>
<body>
<a href="#" style="width:100px;height:20px;font-size:14px;border:red 1px solid;">我不是淡入淡出</a>
</body>
</html>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery拖拽特效與技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery擴展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jquery常用操作技巧匯總》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了JQuery Ajax如何實現(xiàn)注冊檢測用戶名,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下2020-09-09
jQuery內(nèi)容過濾選擇器與子元素過濾選擇器用法實例分析
這篇文章主要介紹了jQuery內(nèi)容過濾選擇器與子元素過濾選擇器用法,結(jié)合實例形式分析了jQuery內(nèi)容過濾選擇器與子元素過濾選擇器相關(guān)功能、原理及使用方法,需要的朋友可以參考下2019-02-02
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)彈幕APP的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
本文為大家介紹下如何讓一個div顯示或隱藏且可擴展成自定義下拉框，具體實現(xiàn)如下，感興趣的朋友可參考下，希望對大家有所幫助2013-09-09
在網(wǎng)頁設(shè)計中，我們常常要使用Javascript來改變頁面元素的樣式。2010-02-02
jQuery多級聯(lián)動下拉插件chained用法示例
這篇文章主要介紹了jQuery多級聯(lián)動下拉插件chained用法,結(jié)合實例形式分析了jQuery多級聯(lián)動下拉插件chained的功能與基本使用技巧,需要的朋友可以參考下2016-08-08
jquery 插件開發(fā)方法，需要的朋友可以參考下。2009-10-10
這篇文章主要介紹了jQuery實現(xiàn)熱氣球動畫背景登錄框，適合用于后臺登陸界面設(shè)計，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了使用jQuery制作基礎(chǔ)的Web圖片輪播效果的實例,鼠標懸停時可停止而離開時可自動輪播,文中還介紹了一種使用zslider插件來實現(xiàn)的方法,比較犀利,需要的朋友可以參考下2016-04-04
jQuery點擊改變class并toggle及toggleClass()方法定義用法
這篇文章主要介紹了jQuery點擊改變class并toggle及toggleClass()方法定義用法的相關(guān)資料,需要的朋友可以參考下2015-12-12