抽出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 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 Javascript
javascript模拟select,jselect的方法实现
Nov 08 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 Javascript
jquery实现input框获取焦点的方法
Feb 06 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 Javascript
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
jQuery-ui插件sortable实现自由拖动排序
Dec 01 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 定义404页面的实现代码
2012/11/19 PHP
PHP中Session引起的脚本阻塞问题解决办法
2014/04/08 PHP
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
Symfony2针对输入时间进行查询的方法分析
2017/06/28 PHP
js 判断计算字符串长度/判断空的简单方法
2013/08/05 Javascript
asp.net中oracle 存储过程(图文)
2015/08/12 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
Node.js中文件操作模块File System的详细介绍
2017/01/05 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
纯js封装的ajax功能函数与用法示例
2018/05/14 Javascript
mpvue构建小程序的方法(步骤+地址)
2018/05/22 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
2019/02/18 jQuery
Node.js + express基本用法教程
2019/03/14 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
python根据出生年份简单计算生肖的方法
2015/03/27 Python
django 修改server端口号的方法
2018/05/14 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
Python3简单实现串口通信的方法
2019/06/12 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
python实现把两个二维array叠加成三维array示例
2019/11/29 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南
2020/04/08 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
英国在线花园中心:You Garden
2018/06/03 全球购物
加拿大服装和鞋类零售商:Mark’s
2021/01/04 全球购物
文明餐桌活动方案
2014/02/11 职场文书
小学语文课后反思精选
2014/04/25 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
募捐感谢信
2015/01/22 职场文书
2015毕业生实习期工作总结
2015/04/09 职场文书
运动会通讯稿300字
2015/07/20 职场文书
python本地文件服务器实例教程
2021/05/02 Python
python文件与路径操作神器 pathlib
2022/04/01 Python