鼠标自动放大缩小图片的链接

最新推荐文章于 2023-04-16 16:26:22 发布

weixin_30291791

最新推荐文章于 2023-04-16 16:26:22 发布

阅读量74

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hucui/archive/2013/02/04/wwwhucuionmouse.html

版权

<html>
<head>
<title></title>
<style type="text/css">
div{width:200px;word-break:break-all; border:1px solid red; overflow :hidden ; cursor:pointer; }
</style>
<script type="text/javascript">
    var t = true;
    var obj, a;
    function openclose(openclose) {
        var h = obj.offsetHeight;
        h += openclose * 5;
        if (h >= 150) {
            clearInterval(a);
            obj.style.height = "150px";
            t = true;
        }
        else if (h <= 50) {
            clearInterval(a);
            obj.style.height = "50px";
            t = true;
        }
        else obj.style.height = h + "px";
    }
    function getlink() {
        obj.onmouseout = function () {
            clearInterval(a);
            a = setInterval("openclose(-1)", 5);
        }
        obj.onmouseover = function () {
            clearInterval(a);
            a = setInterval("openclose(1)", 5);
        }
    }
    window.onload = function () {
        obj = document.getElementById("box");
        obj.style.height = "50px";
        getlink();
    }
</script>
</head>
<body >
<div id="box">
<img src="logo_index.gif" />
99998888877777
</div>
</body>
</html>