<zk xmlns:w="client">
    <script><![CDATA[
    zk.afterLoad('zk', function() {
        var _wgt = {};
        
        zk.override(zk.Widget.prototype, _wgt, {
            doMouseOver_: function(evt) {
                zk.log('over', evt.domTarget);
            },
            doMouseOut_: function(evt) {
                zk.log('out', evt.domTarget);
            },
            doMouseEnter_: function(evt) {
                zk.log('enter', evt.domTarget);
            },
            doMouseLeave_: function(evt) {
                zk.log('leave', evt.domTarget);
            }
        });
    });]]></script>
    <style><![CDATA[
    .parent {
        padding: 10px;
        background-color: pink;
    }
    .child {
        width: 100px;
        height: 100px;
        background-color: #ccc;
        margin: auto;
    }
    ]]></style>
    <div sclass="parent">
        Parent
        <div sclass="child">
            Child
        </div>
    </div>
</zk>