您當(dāng)前位置：首頁 > web前端 > htmlcss > CSS小技巧實(shí)現(xiàn)鼠標(biāo)經(jīng)過背景變色的效果

CSS小技巧實(shí)現(xiàn)鼠標(biāo)經(jīng)過背景變色的效果

來源：程序員人生發(fā)布時(shí)間：2013-11-06 00:22:43 閱讀次數(shù)：2712次

　　網(wǎng)(LieHuo.Net)教程從今天開始，網(wǎng)的網(wǎng)頁教程發(fā)布一些關(guān)于鼠標(biāo)的特效，本文是《CSS小技巧實(shí)現(xiàn)鼠標(biāo)經(jīng)過背景變色的效果》，我們直接看實(shí)例代碼。

<HTML><HEAD><TITLE>LIEHUO.NET</TITLE><style type="text/css">.cl1 { background: olive}.cl2 {background: white}</style></HEAD><body><table><tr onMouseover="this.className='cl1';" onMouseout="this.className='cl2'"><td>網(wǎng)</td><td>LIEHUO.NET</td></tr><tr onMouseover="this.className='cl1';" onMouseout="this.className='cl2'"><td>網(wǎng)</td><td>LIEHUO.NET</td></tr><tr onMouseover="this.className='cl1';" onMouseout="this.className='cl2'"><td>網(wǎng)</td><td>LIEHUO.NET</td></tr><tr onMouseover="this.className='cl1';" onMouseout="this.className='cl2'"><td>網(wǎng)</td><td>LIEHUO.NET</td></tr></table></body></HTML>
提示：可修改后代碼再運(yùn)行!

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
程序員人生

------分隔線----------------------------

上一篇 分析你的網(wǎng)站為什么粘不住流量有四個(gè)原因

下一篇 如何在百度不來IP的情況下發(fā)展網(wǎng)站

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

CSS小技巧實(shí)現(xiàn)鼠標(biāo)經(jīng)過背景變色的效果