文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > js教程 > 主體

js控制鼠标事件移动及移出效果显示_javascript技巧

WBOY

發布： 2016-05-16 16:33:30

原創

1607 人瀏覽過

鼠标事件的移动及移出效果都可以使用js来自定义，下面有个示例，效果为当事件发生改变时背景颜色也随着改变，适合新手朋友

<style type="text/css">
.style0{
background-color:#FFFF00;
}
.style1{
background-color:#00FFFF;
}
</style>
</head>


<body>
<table width="576" height="79" border="1">
<tr>
<td id="td1" onmousemove="document.getElementById('td1').className='style0';" onmouseout="document.getElementById('td1').className='style1'"><div align="center" class="STYLE2">主页</div></td>
<td><div align="center" class="STYLE2">男</div></td>
<td><div align="center" class="STYLE2">女</div></td>
</tr>
</table>
</body>

登入後複製

相關標籤：

滑鼠事件

來源：php.cn

上一篇：JavaScript strike方法入门实例（给字符串加上删除线）_基础知识下一篇：JavaScript link方法入门实例（给字符串加上超链接）_基础知识

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章