教程集 > 脚本编程 > javascript > 正文 js 鼠标移入/移出改变样式效果代码

js 鼠标移入/移出改变样式效果代码

发布时间：2016-11-26 编辑：jiaochengji.com

教程集为您提供js 鼠标移入/移出改变样式效果代码等资源，欢迎您收藏本站，我们将为您提供最新的js 鼠标移入/移出改变样式效果代码资源

本文章来给大家介绍一个不错的js 鼠标移入/移出改变样式效果代码，有需要了解学习的同学可进入参考。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鼠标移入/移出改变样式</title> <style> body{color:#fff;font:12px/1.5 Tahoma;} #div1{width:150px;height:150px;margin:0 auto;padding:10px;background:black;border:10px solid #000;cursor:crosshair;} #div1.hover{color:red;background:#f0f0f0;border:10px solid red;} </style> <script> window.onload = function () { var oDiv = document.getElementById("div1"); oDiv.onmouseover = function () { oDiv.className = "hover" }; oDiv.onmouseout = function () { oDiv.className = "" } }; </script> </head> <body>

鼠标移入改变样式，鼠标移出恢复。

</body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js 鼠标移入/移出改变样式效果代码
 jQuery 文本框模拟下拉列表效果
 js改变鼠标形状与样式的方法
 jquery如何改变html标签的样式(两种实现方法)
Jquery写一个鼠标拖动效果实现原理与代码
 使用jquery hover事件实现表格的隔行换色功能示例
 JQuery之拖拽插件实现代码
 js与css 标签页效果的代码分享(图文)
jQuery 点击图片跳转上一张或下一张功能的实现代码
 js 隔行变色的最简单代码

上一篇：右边导航菜单下一篇：yahoo选项卡切换效果代码

[关闭]

js 鼠标移入/移出改变样式效果代码

最近更新

浏览排行