HTML中實(shí)現(xiàn)鼠標(biāo)經(jīng)停時(shí)整行(tr)變色
發(fā)布時(shí)間:2017-06-13 11:44:52 作者:佚名
我要評(píng)論
這篇文章主要介紹了HTML中實(shí)現(xiàn)鼠標(biāo)經(jīng)停時(shí)整行(tr)變色的相關(guān)資料,需要的朋友可以參考下
使用純CSS實(shí)現(xiàn)在鼠標(biāo)經(jīng)過一個(gè)表格的某一行的時(shí)候,要整行的背景顏色發(fā)生變化,以表明該行正中焦點(diǎn):
<html >
<head>
<meta charset="utf-8"/>
<title>change</title>
<style type="text/css">
tr.change:hover
{
background-color:#00FF00
}
</style>
</head>
<body>
<h1>鼠標(biāo)經(jīng)停變色</h1>
<table width="80%" border="1" align="center">
<tr class="change">
<td> </td>
<td> </td>
</tr>
<tr class="change">
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
以上所述是小編給大家介紹的HTML中實(shí)現(xiàn)鼠標(biāo)經(jīng)停時(shí)整行(tr)變色,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章

html5+canvas實(shí)現(xiàn)的會(huì)變色且會(huì)舞動(dòng)的樹動(dòng)畫特效源碼
html5+canvas實(shí)現(xiàn)的會(huì)變色且會(huì)舞動(dòng)的樹動(dòng)畫特效源碼是一段實(shí)現(xiàn)了,基于canvas實(shí)現(xiàn)的迅速增長(zhǎng),且會(huì)變色會(huì)舞動(dòng)的樹動(dòng)畫效果代碼,本段代碼適應(yīng)于所有網(wǎng)頁(yè)使用,有需要的朋友2017-03-16
html5實(shí)現(xiàn)的變色彈珠跳臺(tái)階游戲源碼
這是一款基于html5實(shí)現(xiàn)的變色彈珠跳臺(tái)階游戲源碼。用戶可自由選擇紅、黃、紫三種顏色的變換順序,游戲中快速變換臺(tái)階顏色使之與變色彈珠小球顏色一致2017-02-13
HTML5 canvas實(shí)現(xiàn)漸變色圓形進(jìn)度條特效源碼
HTML5 canvas實(shí)現(xiàn)漸變色圓形進(jìn)度條動(dòng)畫是一款帶漸變色的圓形進(jìn)度條動(dòng)畫特效jQuery插件jquery-circle-progress,進(jìn)度條使用漸變色來填充2016-02-16使用javascript和HTML5 Canvas畫的四漸變色播放按鈕效果
這篇文章主要介紹了使用javascript和HTML5 Canvas畫的四漸變色播放按鈕效果,需要的朋友可以參考下2014-04-10html5教程實(shí)現(xiàn)Photoshop漸變色效果
html5教程實(shí)現(xiàn)Photoshop漸變色效果,大家參考使用吧2013-12-04html5 Canvas畫圖教程(4)—未閉合的路徑及漸變色的填充方法
一般繪圖的方式有兩種,即填充和描邊,前面的文章已經(jīng)講了描邊的方法stroke,本文就講一下Canvas中填充圖形的方法2013-01-09




