CSS非連結文字滑鼠觸碰文字變色

發表留言 人氣: 2561°c

在網絡上搜尋的css 文字變色都是A標籤的,這個很折騰…

如果文字是非連結(鏈接)的就很難找到了,現在分享給大家

非連結文字變色: CSS
<style type="text/css">
.onmouback{
event:expression(
onmouseover = function()
{
this.style.color='#666'
sotuku.style.display=''
},
onmouseout = function()
{
this.style.color='#FF3300'
sotuku.style.display='none'
}
)
}
</style>
<div class="onmouback">124</div>


非連結背景變色: CSS
<style type="text/css">
.onmouback{
event:expression(
onmouseover = function()
{
this.style.backgroundColor='#666'
sotuku.style.display=''
},
onmouseout = function()
{
this.style.backgroundColor='#FF3300'
sotuku.style.display='none'
}
)
}
</style>
<div class="onmouback">124</div>

非連結文字變色: HTML
<div onmouseover="this.style.color='blue'" onmouseout="this.style.color='#FF3300'" >123</div>
線上代碼測試/演示工具︰ http://www.ifreesite.com/runcode.htm

標籤: