鼠标自动放大缩小图片的链接
<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>