鼠标经过放大图片

最新推荐文章于 2024-08-17 16:02:40 发布

lrbacy520

最新推荐文章于 2024-08-17 16:02:40 发布

阅读量326

点赞数

分类专栏： JS 文章标签： stylesheet border function html javascript

本文链接：https://blog.csdn.net/lrbacy520/article/details/6432201

版权

JS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>MyHtml.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
var offsetX=120;
var offsetY=00;
function Fpop()
{
var oImg =event.srcElement;
var px =oImg.offsetLeft;
var py =oImg.offsetTop;
popDiv.innerHTML ="<img src=""+oImg.src+"" />"
popDiv.style.left =px+offsetX;
popDiv.style.top =py+offsetY;
popDiv.style.display="";
}
function Fhidden()
{
popDiv.style.display="none";
}
</SCRIPT>
<div id="popDiv" style="position:absolute;z-index:10;border:1px solid black;display:none;"></div>
<img src="http://www.ddvip.com/images/logo1.gif" width="120" height="55" οnmοuseοut="Fhidden()" οnmοuseοver="Fpop()">
<Img Src="http://www.ddvip.com/images/logo.gif" width=250hight=75 Border=0 onMouseOver='this.width=500' onMouseOut='this.width=250'>
<Img Src="http://www.ddvip.com/images/logo.gif" width=125 Border=0 onMouseOver='this.width=this.width*2' onMouseOut='this.width=this.width/2'>

</body>
</html>

lrbacy520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标经过放大图片

<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br /><html><br /> <head><br /> <title>MyHtml.html</title><br /> <br /> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><br /> <meta http-equiv="description" co
复制链接

扫一扫

专栏目录