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


Posted in Javascript onJuly 11, 2007

<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>

打包文件下载

Javascript 相关文章推荐
IE 下的只读 innerHTML
Aug 21 Javascript
js模拟类继承小例子
Jul 17 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 Javascript
javascript实现2048游戏示例
May 04 Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
May 12 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
angular2倒计时组件使用详解
Jan 12 Javascript
canvas绘制的直线动画
Jan 23 Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 Javascript
详解Vue的sync修饰符
May 15 Vue.js
doctype后如何获得body.clientHeight的方法
Jul 11 #Javascript
建立良好体验度的Web注册系统ajax
Jul 09 #Javascript
HTML中事件触发列表与解说
Jul 09 #Javascript
建议大家看下JavaScript重要知识更新
Jul 08 #Javascript
Javascript 个人笔记(没有整理,很乱)
Jul 07 #Javascript
使用户点击后退按钮使效三行代码
Jul 07 #Javascript
WordPress 插件——CoolCode使用方法与下载
Jul 02 #Javascript
You might like
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
利用Memcached在php下实现session机制 替换PHP的原生session支持
2010/08/21 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
Apache服务器无法使用的解决方法
2013/05/08 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
jquery动画1.加载指示器
2012/08/24 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
2012/12/23 Javascript
js实现鼠标划过给div加透明度的方法
2015/05/25 Javascript
js严格模式总结(分享)
2016/08/22 Javascript
Vue方法与事件处理器详解
2016/12/01 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
Angular中$state.go页面跳转并传递参数的方法
2017/05/09 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
H5实现仿flash效果的实现代码
2017/09/29 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
详解vue-cli3使用
2018/08/14 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
python3之模块psutil系统性能信息使用
2018/05/30 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
四年的个人工作自我评价
2013/12/10 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
2014年学校教学工作总结
2014/12/06 职场文书
幼师自荐信范文
2015/03/06 职场文书
公司内部升职自荐信
2015/03/27 职场文书
开学随笔
2015/08/15 职场文书
高中政治教学反思
2016/02/23 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js
vue使用wavesurfer.js解决音频可视化播放问题
2022/04/04 Vue.js