登 录
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br /> "http://www.w3.org/TR/html4/loose.dtd"><br /> <html><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /> <title>无标题文档</title><br /> </head><br /> <mce:script type="text/javascript"><!--<br /> // JScript 文件<br /> //注意：使用此脚本必须要设置好图片的宽度和高度否则会出错。<br /> var OriginImage=new Image();<br /> //使用图片对象，得到图片原始宽度<br /> function GetImageWidth(oImage)<br /> {<br /> if(OriginImage.src!=oImage.src)OriginImage.src=oImage.src;<br /> return OriginImage.width;<br /> }<br /> //使用图片对象，得到图片原始高度<br /> function GetImageHeight(oImage)<br /> {<br /> if(OriginImage.src!=oImage.src)OriginImage.src=oImage.src;<br /> return OriginImage.height;<br /> }<br /> var mytime=null;<br /> //递加<br /> function jia()<br /> {<br /> var i=0;//变量用于控制延时器只运行一个<br /> var myimg=document.getElementById("intmyimg");<br /> if(parseInt(myimg.width)< GetImageWidth(myimg))<br /> {<br /> i=1;<br /> myimg.width=parseInt(myimg.width)+10;//递加图片宽度<br /> myimg.style.left=parseInt(myimg.style.left)-5+"px";//移动图片位置（移动位置为递加宽度的一半）<br /> if(i==1)<br /> {<br /> mytime=setTimeout(jia,0);<br /> }<br /> }<br /> if(parseInt(myimg.height)< GetImageHeight(myimg))<br /> {<br /> myimg.height=parseInt(myimg.height)+10;<br /> myimg.style.top=parseInt(myimg.style.top)-5+"px";<br /> if(i==0)<br /> {<br /> mytime=setTimeout(jia,0);<br /> }<br /> }<br /> }<br /> //递减<br /> function jian()<br /> {<br /> var i=0;//变量用于控制延时器只运行一个<br /> var s=0;//变量用于控制释放对象<br /> clearTimeout(mytime);//必须清空增加延时器否则会造成死循环<br /> var myimg=document.getElementById("intmyimg");<br /> if(parseInt(myimg.width)> _width)<br /> {<br /> i=1;<br /> s=1;<br /> myimg.width=parseInt(myimg.width)-10;//递减图片宽度<br /> myimg.style.left=parseInt(myimg.style.left)+5+"px";//移动图片位置（移动位置为递减宽度的一半）<br /> if(i==1)<br /> {<br /> setTimeout(jian,0);<br /> }<br /> }<br /> if(parseInt(myimg.height)> _heigth)<br /> {<br /> s=1;<br /> myimg.height=parseInt(myimg.height)-10;<br /> myimg.style.top=parseInt(myimg.style.top)+5+"px";<br /> if(i==0)<br /> {<br /> setTimeout(jian,0);<br /> }<br /> }<br /> if(s==0){//等待 高，宽全部递减完 释放对象<br /> window.document.body.removeChild(myimg);<br /> }<br /> }<br /> var _width=null;<br /> var _heigth=null;<br /> function bigimg(obj,id)<br /> {<br /> var myid=document.getElementById("intmyimg");<br /> if(myid==null)//判断是否存在intmyimg对象<br /> {<br /> var mX=obj.offsetTop;<br /> var mY=obj.offsetLeft;<br /> objs=obj;<br /> //得到图片绝对位置<br /> while(obj=obj.offsetParent)<br /> {<br /> mX+=obj.offsetTop;<br /> mY+=obj.offsetLeft;<br /> }<br /> _width =objs.width;<br /> _heigth=objs.height;<br /> var mydiv=document.createElement("img");<br /> mydiv.setAttribute("id","intmyimg");<br /> mydiv.setAttribute("src",objs.src);<br /> mydiv.setAttribute("width",objs.width);<br /> mydiv.setAttribute("height",objs.height);<br /> mydiv.setAttribute("onmouseout","jian()");<br /> mydiv.setAttribute("onclick","bigonclick("+id+")");<br /> if(window.ActiveXObject)<br /> {<br /> mydiv.attachEvent('onmouseout',jian);<br /> mydiv.attachEvent('onclick',new Function('bigonclick('+id+')'));<br /> //mydiv.onclick=jian;<br /> }<br /> mydiv.style.cssText="left:"+mY+"px;top:"+mX+"px;z-index:2;position:absolute;cursor:pointer;";<br /> window.document.body.appendChild(mydiv);<br /> jia();<br /> }<br /> }</p> <p> function bigonclick(id)<br /> {<br /> window.location="xxxx?pid="+id;<br /> }<br /> // --></mce:script><br /> <body><br /> <img id="myimage" src="http://www.baidu.com/img/baidu_logo.gif" mce_src="http://www.baidu.com/img/baidu_logo.gif" width="100" height="100" onClick="bigimg(this,1)" style="position:absolute; left: 358px; top: 232px; cursor:pointer;"><br /> </body><br /> </html>
抱歉!评论已关闭.