JS学习笔记

思路：

div的默认样式正常设置。

鼠标移入时，发生改变的样式有3个，即边框颜色，div背景色，字体颜色。

把这三个css改变设置在一个类名下，再通过js给div动态添加/去除这个类名，实现div样式改变。

<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>
<div id="div1">鼠标移入改变样式，鼠标移出恢复。</div>
</body>

查看全文

相关阅读:
Ajax返回DataSet时
 spring（8）
spring（12）
spring（6）
spring（11）
spring（10）
spring（5）
spring（3）
spring（9）
spring（7）

原文地址：https://www.cnblogs.com/carpenterzoe/p/10234510.html