抽出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 金额文本框实现代码
Feb 14 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
node.js中的fs.lchmodSync方法使用说明
Dec 16 Javascript
JavaScript函数详解
Feb 27 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
webpack+vue.js快速入门教程
Oct 12 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
Jan 06 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
基于Node.js实现压缩和解压缩的方法
Feb 13 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
vue 路由meta 设置导航隐藏与显示功能的示例代码
Sep 04 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
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+html5实现无刷新图片上传教程
2016/01/22 PHP
详解php中 === 的使用
2016/10/24 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
从零开始学习jQuery (八) 插播:jQuery实施方案
2011/02/23 Javascript
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
2011/04/07 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
javascript获取隐藏dom的宽高 具体实现
2013/07/14 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
2014/09/17 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
Javascript中return的使用与闭包详解
2017/01/11 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
2018/03/01 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
2018/03/08 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
2019/10/08 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
JS实现简单移动端鼠标拖拽
2020/07/23 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python自然语言编码转换模块codecs介绍
2015/04/08 Python
Python操作word常见方法示例【win32com与docx模块】
2018/07/17 Python
python小程序实现刷票功能详解
2019/07/17 Python
自荐信的两点禁忌
2013/10/30 职场文书
珍珠奶茶店创业计划书
2014/01/11 职场文书
升旗仪式主持词
2014/03/19 职场文书
勤俭节约倡议书
2014/04/14 职场文书
大学生标准自荐书
2014/06/15 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
大型主题婚礼活动策划方案
2014/09/15 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
劳资员岗位职责
2015/02/13 职场文书