当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 抽出www.templatemonster.com的鼠标悬停加载大图模板的代码

Javascript
XmlUtils JS操作XML工具类
jQuery animate效果演示
Jquery 设置标题的自动翻转
JQuery与Ajax常用代码实现对比
学习JS面向对象成果 借国庆发布个最新作品与大家交流
CSS 布局一个漂亮的滑块
兼容多浏览器的JS 浮动广告[推荐]
学习ExtJS(一) 之基础前提
学习ExtJS Column布局
jquery 最简单的属性菜单
有效的捕获JavaScript焦点的方法小结
js css样式操作代码(批量操作)
JS模拟的QQ面板上的多级可展开的菜单
jquery 框架使用教程 AJAX篇
css 有弹动效果的网页导航
jQuery语法总结和注意事项
用AJAX技术做Google Suggest效果
Javascript文档对象模型(DOM)实例分析
Javascript制作拖动网页布局的方法
Javascript解决IE6和FF的PNG图片兼容性问题

Javascript 中的 抽出www.templatemonster.com的鼠标悬停加载大图模板的代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 240 ::
收藏到网摘: n/a

<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>
打包文件下载