抽出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 相关文章推荐
[原创]保存的js无法执行的解决办法
Feb 25 Javascript
用dom+xhtml+css制作的一个相册效果代码打包下载
Jan 24 Javascript
JavaScript在IE中“意外地调用了方法或属性访问”
Nov 19 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
jquery移动节点实例
Jan 14 Javascript
常用的JavaScript WEB操作方法分享
Feb 28 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
JavaScript事件学习小结(三)js事件对象
Jun 09 Javascript
详解VUE中v-bind的基本用法
Jul 13 Javascript
babel的使用及安装配置教程
Feb 22 Javascript
深入浅析Vue中的Prop
Jun 10 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
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
php 广告调用类代码(支持Flash调用)
2011/08/11 PHP
php的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
利用PHP将图片转换成base64编码的实现方法
2016/09/13 PHP
php通过PHPExcel导入Excel表格到MySQL数据库的简单实例
2016/10/29 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
屏蔽Flash右键信息的js代码
2010/01/17 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
JQuery中extend使用介绍
2014/03/13 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
2014/06/26 Javascript
JavaScript匿名函数用法分析
2015/02/13 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
2016/05/03 Javascript
webpack学习教程之publicPath路径问题详解
2017/06/17 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
详解如何制作并发布一个vue的组件的npm包
2018/11/10 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
2019/04/11 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
在 Django/Flask 开发服务器上使用 HTTPS
2014/07/03 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
Python的collections模块中的OrderedDict有序字典
2016/07/07 Python
简单谈谈python基本数据类型
2018/09/26 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
Python实现程序判断季节的代码示例
2019/01/28 Python
python 两种方法修改文件的创建时间、修改时间、访问时间
2020/09/26 Python
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
锐步美国官方网站:Reebok美国
2018/01/10 全球购物
大学毕业生简单自荐信
2013/11/05 职场文书
岗位职责定义及内容
2013/11/08 职场文书
生产部统计员岗位职责
2014/01/05 职场文书
小学生环保演讲稿
2014/04/25 职场文书
新党章的学习心得体会
2014/11/07 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书