2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

淘寶商城現(xiàn)在不叫淘寶商城了，天貓，感覺(jué)怪怪的，還是依然改不了口啊。 不知道哪天會(huì)改成天狗。 jquery特效YY了下。 http://www.jqueryba.com/22.html 雖說(shuō)改名字了，但是里面淘寶商城還是那樣，整個(gè)頁(yè)面讓我比較感興趣的是，從引人耳目的flash圖片切換到下面，大篇幅的使用鼠標(biāo)移動(dòng)到圖片上透明度降低周?chē)鷪D片恢復(fù)，從而圖片鼠標(biāo)移至的圖片。 其實(shí)實(shí)現(xiàn)這個(gè)效果很容易，主要在css樣式中加個(gè)opacity: 0.70;XImageTransform.Microsoft.Alpha(style=0,opacity=70,finishOpacity=70);filter:alpha(opacity=70); 然后javascript，我用的是jquery那更簡(jiǎn)單了hover就可以了，大體思路是鼠標(biāo)移動(dòng)過(guò)去增加一個(gè)樣式，移除的話(huà)樣式清除。 閑話(huà)不多說(shuō)了，不早了，該睡覺(jué)了。 在線效果 DEMO

轉(zhuǎn)載于:https://my.oschina.net/jqueryba/blog/69026

總結(jié)

以上是生活随笔為你收集整理的jQuery仿淘宝商城天猫鼠标移动过去，透明度降低的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。