快捷導(dǎo)航

jQuery實(shí)現(xiàn)的文字hover顏色漸變效果實(shí)例

更新時(shí)間：2016年02月20日 11:38:30 作者：尹昱

這篇文章主要介紹了jQuery實(shí)現(xiàn)的文字hover顏色漸變效果,以完整實(shí)例形式分析了jQuery實(shí)現(xiàn)文字顏色漸變效果的相關(guān)技巧,涉及jQuery插件jquery-ui-1.8.16.custom.min.js的使用,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(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常見(jiàn)經(jīng)典特效匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jquery常用操作技巧匯總》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JQuery Ajax如何實(shí)現(xiàn)注冊(cè)檢測(cè)用戶名
這篇文章主要介紹了JQuery Ajax如何實(shí)現(xiàn)注冊(cè)檢測(cè)用戶名,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-09-09
jQuery內(nèi)容過(guò)濾選擇器與子元素過(guò)濾選擇器用法實(shí)例分析
這篇文章主要介紹了jQuery內(nèi)容過(guò)濾選擇器與子元素過(guò)濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery內(nèi)容過(guò)濾選擇器與子元素過(guò)濾選擇器相關(guān)功能、原理及使用方法,需要的朋友可以參考下
2019-02-02
基于jQuery實(shí)現(xiàn)彈幕APP
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)彈幕APP的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
toggle一個(gè)div顯示或隱藏且可擴(kuò)展成自定義下拉框
本文為大家介紹下如何讓一個(gè)div顯示或隱藏且可擴(kuò)展成自定義下拉框，具體實(shí)現(xiàn)如下，感興趣的朋友可參考下，希望對(duì)大家有所幫助
2013-09-09
jQuery 添加/移除CSS類實(shí)現(xiàn)代碼
在網(wǎng)頁(yè)設(shè)計(jì)中，我們常常要使用Javascript來(lái)改變頁(yè)面元素的樣式。
2010-02-02
jQuery多級(jí)聯(lián)動(dòng)下拉插件chained用法示例
這篇文章主要介紹了jQuery多級(jí)聯(lián)動(dòng)下拉插件chained用法,結(jié)合實(shí)例形式分析了jQuery多級(jí)聯(lián)動(dòng)下拉插件chained的功能與基本使用技巧,需要的朋友可以參考下
2016-08-08
jquery 插件開(kāi)發(fā)方法小結(jié)
jquery 插件開(kāi)發(fā)方法，需要的朋友可以參考下。
2009-10-10
jQuery熱氣球動(dòng)畫半透明背景的后臺(tái)登錄界面代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)熱氣球動(dòng)畫背景登錄框，適合用于后臺(tái)登陸界面設(shè)計(jì)，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
使用jQuery制作基礎(chǔ)的Web圖片輪播效果
這篇文章主要介紹了使用jQuery制作基礎(chǔ)的Web圖片輪播效果的實(shí)例,鼠標(biāo)懸停時(shí)可停止而離開(kāi)時(shí)可自動(dòng)輪播,文中還介紹了一種使用zslider插件來(lái)實(shí)現(xiàn)的方法,比較犀利,需要的朋友可以參考下
2016-04-04
jQuery點(diǎn)擊改變class并toggle及toggleClass()方法定義用法
這篇文章主要介紹了jQuery點(diǎn)擊改變class并toggle及toggleClass()方法定義用法的相關(guān)資料,需要的朋友可以參考下
2015-12-12