抽出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中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
jquery实现炫酷的叠加层自动切换特效
Feb 01 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
轮播的简单实现方法
Jul 28 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
JS原生带小白点轮播图实例讲解
Jul 22 Javascript
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
JS返回顶部实例代码
Aug 09 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
webpack的CSS加载器的使用
Sep 11 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/01/10 PHP
php MessagePack介绍
2013/10/06 PHP
PHP实现的支付宝支付功能示例
2019/03/26 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
js树形控件脚本代码
2008/07/24 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
2015/08/21 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
2016/06/23 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
2018/03/12 Javascript
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
微信jssdk踩坑之签名错误invalid signature
2020/05/19 Javascript
javascript利用canvas实现鼠标拖拽功能
2020/07/23 Javascript
js实现批量删除功能
2020/08/27 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
ansible作为python模块库使用的方法实例
2017/01/17 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
Python 将json序列化后的字符串转换成字典(推荐)
2020/01/06 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
使用ITK-SNAP进行抠图操作并保存mask的实例
2020/07/01 Python
机械制造专业个人的自我评价
2013/12/28 职场文书
演讲稿怎么写才完美
2014/01/02 职场文书
2014年小班元旦活动方案
2014/02/16 职场文书
个人作风建设剖析材料
2014/10/11 职场文书