首页导航栏 - 网络工程 | 网站建设 | 设计在线 | 精彩图片 | 职业前线 | 创业之路 | 启步工具 | 教程资讯 | 休闲娱乐
启步网 > 网站建设 > 网页制作
在制作网页过程中的小技巧
作者: 不详 阅读: 来源:互连网 时间:2006-9-28 14:51:55
字体

点一下,首页地址添加到收藏夹

  我们都希望自己辛苦制作的主页能够成为网友们的收藏夹中的东东,于是我们不停的用各种方法吸引网友的注意力,大声的告诉他们:“如果你觉得的好,就把我的主页填加到你的收藏夹中吧!”;“按CTRL+D把本站填加进您的收藏夹”……

其实我们不用那么费力气就可以达到一个更好的效果,呵呵,现在有一段代码,你可以使你通过点击一个连接就把主页地址添入收藏夹,怎么样?请看仔细:

首先在<head>与</head>之间加入如下代码:

<script language=javascript>
<!--
function Addme(){
url = "http://your.site.address"; //你自己的主页地址
title = "Your Site Name"; //你自己的主页名称
window.external.AddFavorite(url,title);
-->
</script>


然后,随便在您需要的地方做一个连接

<a href="javascript:Addme()">将本站添入收藏夹</a>

可以了!!!

如何制作浮动广告

  以下这段代码可放在 < body > < /body >之间,其间我加入了一些注释(即“//”后的文字及“ < !—”“-- >”之间的文字)。

< SCRIPT FOR=window EVENT=onload LANGUAGE="JScript" >
initAd();//载入页面后,调用函数initAd()
< /SCRIPT >
< script language="JScript" >
< !--
function initAd() {
document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后,广告层相对于固定后的y方向位置
document.all.AdLayer.style.visibility = 'visible'//设置层为可见
MoveLayer('AdLayer');//调用函数MoveLayer()
}
function MoveLayer(layerName) {
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
}
//-- >
< /script >

< !--下面为一个ID为AdLayer的层(如ID名不为AdLayer,上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片-- >
< div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px' >
< a href="http://www.5dmedia.com/bbs" > < img src='../qqkk2000.gif' border="0" height="60" width="60" > < /a >
< /div >


  在这里,你可以设置x、y的值来设定所固定层的位置,改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是,使用的图片最好为透明背景的gif图,以使图片的背景颜色不至于遮住后面的的内容。
  切记,要慎用浮动式广告,考虑使用特效的同时,千万要考虑到浏览者的感觉,不能滥用哦!

责任编辑:一路狂奔
帐号:
密码:

Google
Google提供的相关资源
参与评论(条评论)
请遵守国家法律
笔名:
邮箱:
( 以上评论仅代表网友个人意见,不代表本站观点 )
相关资源
  • 论页面制作人员的修练之道(成长) [2007-1-26]
  • realazy的bolg:特色+简洁 [2007-1-23]
  • IE条件注释参考 [2007-1-11]
  • WEB产品设计随笔—决定成败的特色服务 [2007-1-8]
  • Web设计:一屏页面走天下实例(二)Web Tabs [2007-1-6]
  • 应用色彩学 [2007-1-1]
  • 40种网站设计常用技巧 [2006-12-31]
  • Window中用Excel计算日期的小技巧 [2006-12-30]
  • 在Dreamweaver中的一些常用代码功能 [2006-12-26]
  • 行业网站设计心得 [2006-12-10]
  •