jQuery如何實(shí)現(xiàn)字體顏色漸變效果

這篇文章給大家分享的是有關(guān)jQuery如何實(shí)現(xiàn)字體顏色漸變效果的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

旅順口網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司2013年成立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

具體如下：

jQuery不允許css屬性值為非數(shù)字的屬性進(jìn)行動畫處理，

比如.animate(color:'red',500)或是.animate(fontWeight:'bold',500)都無法運(yùn)行，

因此如果想實(shí)現(xiàn)顏色漸變的效果需要animate()外的其他方法，示例如下

方法1：




  
  Document
  


  BBB

BBB

$(function(){ $('.b1').hover(function(){ $('.b2').fadeIn(500); }) })

設(shè)置一個和b1完全相同位置的b2并隱藏，添加hover事件使b2漸顯，用這個笨方法可模擬color漸變效果

方法2：




  
  Document
  
  div{
    color: red;
    transition: color 1s;
  }
  div:hover{
    color: yellow;
  }
  
  


1111

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆