抽出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的MessageBox
Dec 03 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
javascript实现捕捉键盘上按下的键
May 05 Javascript
javascript实现类似java中getClass()得到对象类名的方法
Jul 27 Javascript
jQuery操作cookie
Aug 08 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
Aug 10 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
快速解决bootstrap下拉菜单无法隐藏的问题
Aug 10 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
使用JS前端技术实现静态图片局部流动效果
Aug 05 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 判断数组是几维数组
2013/03/20 PHP
php+js iframe实现上传头像界面无跳转
2014/04/29 PHP
destoon复制新模块的方法
2014/06/21 PHP
php生成网页桌面快捷方式
2017/05/05 PHP
Ajax+PHP实现的模拟进度条功能示例
2019/02/11 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
javascript写的异步加载js文件函数(支持数组传参)
2014/06/07 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
2016/09/27 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
Angular5中调用第三方库及jQuery的添加的方法
2018/06/07 jQuery
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
详解vue-flickity的fullScreen功能实现
2020/04/07 Javascript
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
对Django中内置的User模型实例详解
2019/08/16 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
药剂学专业应届生自荐信
2013/09/29 职场文书
中学生运动会入场词
2014/02/12 职场文书
电子商务优秀毕业生求职信
2014/07/11 职场文书
股东合作协议书
2014/09/12 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
2015年度党员个人总结
2015/02/14 职场文书
考博导师推荐信范文
2015/03/27 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
基于docker安装zabbix的详细教程
2022/06/05 Servers