当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 抽出www.templatemonster.com的鼠标悬停加载大图模板的代码

Javascript
AJAX教程(14):通过XMLHTTP加载XML文件
AJAX教程(15):通过XMLHTTP进行一次HEAD请求
AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求
AJAX教程(17):把XML文件显示为HTML表格
JS通过WMI获取客户端硬件信息
JavaScript中使用远程脚本
关于Ajax技术的注意事项
XMLHttpRequest创建智能表单
iframe创建智能表单
JS教程:线小测试程序
在Web页面中使用计时器
将事件处理器作为HTML标记的属性
事件处理器作为浏览器对象的属性
Math对象应用详解
random()方法和pow()方法
charAt()方法和charCodeAt()方法
Number对象常用的toFixed()方法
JS教程:为什么尽量用局部变量代替全局变量
解决JavaScript循环中的过多操作
处理提示“脚本运行时间过长的提示框”问题

Javascript 中的 抽出www.templatemonster.com的鼠标悬停加载大图模板的代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 151 ::
收藏到网摘: n/a

<html>
<head>
<!--调用css调整显示层的属性-->
<link rel="stylesheet" href="lightBox.css" type="text/css">
<link rel="stylesheet" href="lightStyle.css" type="text/css">
<!--调用JS-->
<script src="preview_templates.js" language="JavaScript" type="text/javascript"></script>
<script src="loader.js" language="JavaScript" type="text/javascript"></script>
</head>
<!--注意body的onload属性设置-->
<body onload="nbInit()">
<br><br>
<h1> <a href="http://www.kecola.com/" title="可酷啦·首页" target="_blank"><u>可酷啦·www.kecola.com</u></a> --- 倾情提供</h1>
<h2> 抽出www.templatemonster.com的鼠标悬停加载大图模板的代码</h2>
<!--演示图片开始-->
<a style="cursor: hand" href="http://www.kecola.com/template/templateUrl.asp?id=0048" target="_blank"><IMG SRC="http://www.kecola.com/template/templatePic/kecolaTemplate0048.gif" alt='Template 0048' border='1' onmouseover="showtrail('http://www.kecola.com/template/templatePic/kecolaTemplate0048.jpg','kecolaTemplate 0048',430,437)" onmouseout="hidetrail()"></a>
<!--这里为了让页面长度大于一页-->
<br><br><h3> 在blueidea的论坛连续发了三个帖子,等了三天也没有得到解决,经过努力,终于把这个代码剥离出来,虽然在打开的时候会有JS错误提示,但在使用中完全不影响。
<br> 在这里分享给大家,一起进步!
<br><br><br> 叶枫 2007/07/11 15:08:00</h3>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<!--显示层的位置-->
<div style="display: none; position: absolute;z-index:110; " id="preview_div"></div>
</body>
</html>
打包文件下载