电脑故障

鼠标移动到图片名上,显示图片的简单实例

发布日期：2023/4/21

鼠标移动到名(waitgif)上显示图片鼠标移开则不显示图片

做法新建 ahtml 和一个待显示图片 waitgif 放在同一目录下
ahtml 代码如下

复制代码代码如下:
<!DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN"
"
<html>
<head>
<title></title>
<script type="text/javascript">
var path = /; //图片相对路径
function show(obj) {
var name = objinnerText;
var sDiv = documentgetElementById(img_ + namesplit()[]);//文件名自己判断
if (!sDiv) {
sDiv = documentcreateElement("DIV");
sDivid = img_ + namesplit()[];
sDivstyleposition = absolute;
sDivstyletop = objoffsetTop + objoffsetWidth + px;
sDivstyleleft = objoffsetLeft +objoffsetHeight + px;
sDivstyleborder = px red solid;
var img = documentcreateElement("img");
imgsrc = path + name;
sDivappendChild(img);
documentbodyappendChild(sDiv);
}
sDivstyledisplay = block;
}
function f(obj) {
var name = objinnerText;
var sDiv = documentgetElementById(img_ + namesplit()[]);//文件名自己判断
if (sDiv) {
sDivstyledisplay = none;
}
}
</script>
</head>
<body>
<div onmouseover="show(this)" onmouseout="f(this)" style="position:absolute;">
waitgif
</div>
</body>
</html>

上一篇：用正则表达式判断一个简单的用户登陆的例子

下一篇：当前页禁止复制粘贴截屏代码小集