07-11
13

超链接缩略图预览

<SCRIPT LANGUAGE="JavaScript">
<!--
var width = 300; //设置层 宽
var height = 300; // 设置层 高

function init(){
document.all.im.width = width;
document.all.im.height = height;
}

function a( e ){
document.all.im.src = e.src;
document.all.d.style.left = event.x;
document.all.d.style.top = event.y;
document.all.d.style.display = "";
}

function b(){
document.all.d.style.left = 0;
document.all.d.style.top = 0;
document.all.d.style.display = "none";
}
//-->
</SCRIPT>
<BODY onload="init()">
<input type="image" width=100 height=100 src="d:\My Documents\My Pictures\景色6.jpg" onMousemove="a(this)" onmouseout="b()">
<input type="image" width=100 height=100 src="d:\My Documents\My Pictures\景色7.jpg" onMousemove="a(this)" onmouseout="b()">
<input type="image" width=100 height=100 src="d:\My Documents\My Pictures\景色8.jpg" onMousemove="a(this)" onmouseout="b()">
<div id="d" style="position:absolute;left=0;top=0;display:none;border: 1px #FF00FF solid;" >
<input id="im" type="image">
</div>






[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]





文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 缩略图 预览 超链接
相关日志:
评论: 0 | 引用: 0 | 查看次数: 681
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭