抽出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 相关文章推荐
会自动逐行上升的文本框
Jun 30 Javascript
可以支持多中格式的JS键盘
May 02 Javascript
js获取提交的字符串的字节数
Feb 09 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
Nov 30 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 Javascript
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
详解原生JS回到顶部
Mar 25 Javascript
通过js给网页加上水印背景实例
Jun 17 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
Aug 16 Javascript
JS实现瀑布流效果
Mar 07 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获取谷歌PR值算法,附上php查询PR值代码示例
2011/12/25 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
javascript DOM的详解及实例代码
2017/03/06 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
vuex的简单使用教程
2018/02/02 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
2019/06/19 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
2019/09/24 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
javascript实现页面的实时时钟显示示例
2020/08/06 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
python文件和目录操作方法大全(含实例)
2014/03/12 Python
Python中IPYTHON入门实例
2015/05/11 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
Python 实现Numpy中找出array中最大值所对应的行和列
2019/11/26 Python
python 解决tqdm模块不能单行显示的问题
2020/02/19 Python
2020最新pycharm汉化安装(python工程狮亲测有效)
2020/04/26 Python
新加坡交友网站:be2新加坡
2019/04/10 全球购物
安全环保演讲稿
2014/08/28 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
2016年母亲节广告语
2016/01/28 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
Java反应式框架Reactor中的Mono和Flux
2021/07/25 Java/Android
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL