| 漂浮的图片链接效果 |
| 作者:小雨 文章来源:本站原创 点击数: 更新时间:2005-4-28 9:50:33 |
|
|
脚本说明:第一步:把如下代码加入<head>区域中
<SCRIPT LANGUAGE="javascript"> function setVariables() { imgwidth=235; imgheight=19; if (navigator.appName == "Netscape") { horz=".left"; vert=".top"; docStyle="document."; styleDoc=""; innerW="window.innerWidth"; innerH="window.innerHeight"; offsetX="window.pageXOffset"; offsetY="window.pageYOffset"; } else { horz=".pixelLeft"; vert=".pixelTop"; docStyle=""; styleDoc=".style"; innerW="document.body.clientWidth"; innerH="document.body.clientHeight"; offsetX="document.body.scrollLeft"; offsetY="document.body.scrollTop"; } } function checkLocation() { objectXY="branding"; var availableX=eval(innerW); var availableY=eval(innerH); var currentX=eval(offsetX); var currentY=eval(offsetY); x=availableX-(imgwidth+30)+currentX; y=availableY-(imgheight+20)+currentY; evalMove(); setTimeout("checkLocation()",10); } function evalMove() { eval(docStyle + objectXY + styleDoc + horz + "=" + x); eval(docStyle + objectXY + styleDoc + vert + "=" + y); } </script>
第二步:把如下代码加入<body>区域中 <div id="branding" style="position:absolute; visibility:show; left:235px; top:50px; z-index:2"> <table width=10 bgcolor=#ffffff><td> <a href=http://www.xyu01.com onmouseover="window.status='免费发QQ贺卡喽!';return true" onmouseout="window.status='';return true"><center><img src="branding.gif" width="240" height="20" border="0"></center></a></font></td> </table> </div>
第三步:把<body>区域改为 <body bgcolor="#fef4d9" onload="setVariables(); checkLocation();">
|
|
| 文章录入:admin 责任编辑:小雨 |
|
上一篇文章: 静止导航脚本 下一篇文章: 漂浮的文本链接 |
| 【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
|
|
|