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

Javascript
JavaScript中数组方法
JS的&&和&,||和|运算符两个不同点
一个例子认识JS的两个参数
练习:鼠标感应伸缩隐藏层
Javascript让媒体通过指定的按钮播放
已知商品单价,用JS计算所选数量的总价
用js实现select对div的隐藏与显示
JavaScript教程:onmouseover控制图片
网页设计中总结的几个有用的JS特效代码
Javascript代码在网页中简单应用的几个示例
实现在AJAX下的前进、后退功能
Javascript代码轻松隐藏网页源文件
Javascript实现打印网页中定义的部分内容
JS分层的概念与本地存贮
基于javascript的拼音字典及应用举例
JavaScript入门学习书籍的阶段选择
JS和CSS实现的气泡窗口
Javascript教程:实用的JS函数库
符合web标准的网页中调用Flash的方法
JS最常用的55个经典技巧

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 274 ::
收藏到网摘: 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>
打包文件下载