抽出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学习笔记之Helloworld
Dec 22 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
编程语言JavaScript简介
Oct 16 Javascript
微信公众号 摇一摇周边功能开发
Dec 08 Javascript
Vuex简单入门
Apr 19 Javascript
VUE实现密码验证与提示功能
Oct 18 Javascript
jquery实现点击弹出对话框
Feb 08 jQuery
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
Jul 20 Javascript
js实现tab栏切换效果
Aug 02 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 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遍历目录viewDir函数
2009/12/15 PHP
php关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
JQUERY的属性选择符和自定义选择符使用方法(二)
2011/04/07 Javascript
jQuery Ajax 实例全解析
2011/04/20 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
javascript中不提供sleep功能如何实现这个功能
2014/05/27 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
jQuery进行组件开发完整实例
2015/12/15 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
2017/03/04 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
JS实现左边列表移到到右边列表功能
2018/03/28 Javascript
React 使用browserHistory项目访问404问题解决
2018/06/01 Javascript
Webpack 4.x搭建react开发环境的方法步骤
2018/08/15 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
Pycharm 创建 Django admin 用户名和密码的实例
2018/05/30 Python
Python tkinter三种布局实例详解
2020/01/06 Python
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
Europcar比利时:租车
2019/08/26 全球购物
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
介绍Ibatis的核心类
2013/11/18 面试题
后勤工作职责
2013/12/22 职场文书
运动会入场式解说词
2014/02/18 职场文书
房产协议书范本2014
2014/09/30 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
社区环境卫生倡议书
2015/04/29 职场文书
围城读书笔记
2015/06/26 职场文书
给校长的建议书作文300字
2015/09/14 职场文书
【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love
2022/04/01 DOTA