抽出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 blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
通过下拉框的值来确定输入框是否可以为空的代码
Oct 18 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
Nov 17 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 Javascript
node.js中的fs.chmod方法使用说明
Dec 18 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
Mar 04 Javascript
基于jQuery实现网页打印功能
Dec 01 Javascript
node.js入门实例helloworld详解
Dec 23 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
微信小程序如何调用新闻接口实现列表循环
Jul 02 Javascript
vue实现点击按钮下载文件功能
Oct 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 常见郁闷问题答解
2006/11/25 PHP
php简单封装了一些常用JS操作
2007/02/25 PHP
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
php实现两表合并成新表并且有序排列的方法
2014/12/05 PHP
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
javascript 跳转代码集合
2009/12/03 Javascript
jQuery 动态酷效果实现总结
2009/12/27 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
2013/10/24 Javascript
JQuery性能优化的几点建议
2014/05/14 Javascript
jQuery scrollFix滚动定位插件
2015/04/01 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
Angular 4依赖注入学习教程之简介(一)
2017/06/04 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
利用JavaScript为句子加标题的3种方法示例
2021/01/05 Javascript
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
Python队列RabbitMQ 使用方法实例记录
2019/08/05 Python
flask框架中的cookie和session使用
2021/01/31 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
世界上最好的儿童品牌:AlexandAlexa
2018/01/27 全球购物
国际贸易专业推荐信
2013/11/15 职场文书
先进党支部事迹材料
2014/01/13 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
男方婚前保证书
2015/02/28 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
导师工作推荐信
2015/03/27 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
python的变量和简单数字类型详解
2021/09/15 Python
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫