繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
- Javascript
- 阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）
- (转载)JavaScript中匿名函数，函数直接量和闭包
- 简单的无缝滚动程序-仅几行代码
- Javascript中的数学函数集合
- javascript之大字符串的连接的StringBuffer 类
- javascript之对系统的toFixed()方法的修正
- 用javascript实现自定义标签
- js在客户端验证密码强度，兼容FireFox和IE
- javascript背景颜色按时变换
- 脚本分析、压缩、混淆工具 JSA新版本发布，压缩效率提高大约10％
- javascript语句中的CDATA标签的意义
- 用javascript实现分割提取页面所需内容
- 网上抓的一个特效
- js之点击 超连接,提示一个层.点击空白.层消失
- 模拟用户操作Input元素，不会触发相应事件
- 弹出广告特效代码(一个IP只弹出一次)
- (仅IE下有效)关于checkbox 三态
- JavaScript Archive Network 集合
- 关于__defineGetter__ 和__defineSetter__的说明
- textContent在Firefox下与innerText等效的属性
Javascript 中的 抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 358 ::
收藏到网摘: 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>
打包文件下载
评论 (0) All
