抽出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的document.ready更快的方法
Apr 28 Javascript
关于jquery性能最佳实践的讨论,与求教
Mar 30 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
Mar 22 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
js实现可折叠展开的手风琴菜单效果
Sep 07 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
Feb 15 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 Javascript
Angular ng-animate和ng-cookies用法详解
Apr 18 Javascript
4个顶级JavaScript高级文本编辑器
Oct 10 Javascript
原生js实现3D轮播图
Mar 21 Javascript
js实现二级联动简单实例
Jan 11 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 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处理斐波那契数列非递归方法
2012/02/04 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
十幅图告诉你什么是PHP引用
2015/02/22 PHP
Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解
2016/03/07 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
Laravel下生成验证码的类
2017/11/15 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
2012/07/03 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
js实现鼠标滑过文字链接色彩变化的效果
2015/05/06 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
2016/01/28 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
2016/12/02 Javascript
React Native之TextInput组件解析示例
2017/08/22 Javascript
vue-router路由与页面间导航实例解析
2017/11/07 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
2019/08/16 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
Python实现二维有序数组查找的方法
2016/04/27 Python
利用Python爬取可用的代理IP
2016/08/18 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
春节活动策划方案
2014/01/24 职场文书
迎七一演讲稿
2014/09/12 职场文书
军训通讯稿范文
2015/07/18 职场文书
环境卫生整治简报
2015/07/20 职场文书
早恋主题班会
2015/08/14 职场文书
Java实现多文件上传功能
2021/06/30 Java/Android
Redis的字符串是如何实现的
2021/10/24 Redis