抽出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 相关文章推荐
JQuery通过Ajax提交表单并返回结果
Jul 31 Javascript
js+div实现文字滚动和图片切换效果代码
Aug 27 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
jquery实现具有收缩功能的垂直导航菜单
Feb 16 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 Javascript
webpack 2.x配置reactjs基本开发环境详解
Aug 08 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
Sep 02 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
JS 数组和对象的深拷贝操作示例
Jun 06 Javascript
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学习笔记 数组的常用函数
2011/06/13 PHP
php设计模式 Strategy(策略模式)
2011/06/26 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
ThinkPHP中pathinfo的访问模式、路径访问模式及URL重写总结
2014/08/23 PHP
ThinkPHP实现非标准名称数据表快速创建模型的方法
2014/11/29 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
2013/06/09 Javascript
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
2015/03/04 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
AngularJS入门教程之AngularJS表达式
2016/04/18 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
bootstrap是什么_动力节点Java学院整理
2017/07/14 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
python采用getopt解析命令行输入参数实例
2014/09/30 Python
详解Python中的动态属性和特性
2018/04/07 Python
Python基于OpenCV库Adaboost实现人脸识别功能详解
2018/08/25 Python
浅谈Python中的全局锁(GIL)问题
2019/01/11 Python
python内存动态分配过程详解
2019/07/15 Python
Django 实现外键去除自动添加的后缀‘_id’
2019/11/15 Python
Python插入Elasticsearch操作方法解析
2020/01/19 Python
Python新手学习raise用法
2020/06/03 Python
Python-split()函数实例用法讲解
2020/12/18 Python
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
酒店总经理助理岗位职责
2014/02/01 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
MySQL 角色(role)功能介绍
2021/04/24 MySQL
pandas数值排序的实现实例
2021/07/25 Python