Java脚本函数运行后2鼠标事件条件

我有3个盒子:kotak1, kotak2和kotak3。

#kotak1具有测试"COBA AKU"

CSS:

<style>
    body {
        margin: 0;
        padding: 0;
    }
    #mainCont {
        margin: 0 auto;
        width: 1024px;
        height: 768px;
        background-color: #F00;
    }
    #kotak1{
        width: 1024px;
        height: 768px;
        background-color: #0F9;
        text-align: center;
        vertical-align: middle;
    }
    #kotak2{
        width: 240px;
        height: 768px;
        background-color: #666;
        float: left;
    }
    #kotak3{
        width: 240px;
        height: 768px;
        background-color: #03F;
        float: right;
    }
</style>

HTML:

<body>
    <div id="mainCont">
        <div id="kotak2"></div>
        <div id="kotak3" onmouseout="keluarkotak()"></div>
        <div id="kotak1">
            COBA AKU
        </div>
    </div>
</body>

我想改变#kotak1的文本为"SELESAI TIDUR"时，你从#kotak3鼠标退出，进入#kotak2。

这里有一个小提琴:http://jsfiddle.net/PZfwT/1

这是支持代码，只是管理你是否离开了3，然后当你的鼠标进入2时，你可以改变1的文本。我建议用jQuery来做这件事，这样做会更容易管理。

(function() {
    var mousedOutThree = false;
    window.App = {
        kotak2In: function() {
            if (mousedOutThree) {
                mousedOutThree = false;
                document.getElementById("kotak1").innerHTML = "SELESAI TIDUR";   
            }
        },
        kotak3Out: function() {
            mousedOutThree = true;
        }
    };
})();

相关内容

最新更新

热门标签：