网页中的“每日一帖”_问答一下，轻松解决，电脑应用解决方案专家！

相信现在有个人网站的朋友已经很多了吧，但能做出一流的网站的还是少数。今天就给大家介绍一种特酷的网页特效 ——“每日一帖”。大家肯定都见过“每日一帖”吧，在大大小小的软件中都有，用来介绍软件的最新功能或者一些小技巧什么的，不过能搬到网页中那不是更酷吗，而且还要保留软件中“每日一帖”的功能，就是自己能设置下次启动的时候是否显示。呵呵，就让我来一步步的教你做吧，Let's go!

首先你要准备一幅在“每日一帖”中常见的图片，你知道是什么图片吗？呵呵~~就是那个可爱的小灯泡，取名为totd.gif。这是唯一要准备的“材料”，当然你还要工具，这我就不用说了吧，FrontPage 就可以了。
第二步：创建一个“每日一帖”，网页，取名为totd.html，整个网页的源代码如下：
<html>
<head>
<title>电脑软硬件应用网 -- 每日一帖</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#D3E5FA" text="#000000" style="font-size:10pt;font-family:宋体" onLoad="dspltip()">
<div style="position:absolute;left:10;top:10;background-color:#3988E7;text-align:center;width:58;height:79%">
  <img src="totd.gif" border="0" style="position:relative;top:18" width="23" height="31"><br>
  <span id="cntr" style="position:relative;top:140px;font-family:Arial;font-size:10pt;font-weight:bold;color:#FFFFF0">
  </span> </div>
<div style="position:absolute;left:68;top:10;background-color:#FFFFFF;width:346;height:79%;border:solid 1px #808080">
  <br>
  <b><font size="3" face="宋体">你知道吗？</font></b>
  <hr size="1" style="position:relative;top:10">
  <span id="mtxt" style="position:relative;top:10px;padding:15px 10px 10px 10px;font-family:Arial;font-size:10pt;width:100%;overflow:auto;height:138px">
  </span> </div>
<div style="position:absolute;left:10;top:222;width:100%">
  <input id="dspl1" type="checkbox" checked value="ON" name="checkbox">
  <span onClick="chgstatus()">每次登录时显示</span>
  <input type="button" value="下一贴" style="width:70;position:relative;left:113;background-color:#BFBFBF;color:#000000;font-family:Arial;font-size:9pt;border:2px outset #FFFFFF" onClick="ntip()" name="button">
  <input type="button" value="关闭" style="width:70;position:relative;left:123;background-color:#BFBFBF;color:#000000;font-family:Arial;font-size:9pt;border:2px outset #FFFFFF" onClick="endf()" name="button">
</div>
<script language="JavaScript">
todmsg=new Array();
todmsg[1]="有任何问题都可以与我联系：OICQ:87425977 jinjunhe@21cn.com 或到我站的留言板，论坛留言。 "
todmsg[2]="我们的网站平均5天更新一次，你可以向我们提出好的建议或意见，以便我们随时纠正存在的问题，为大家更好的服务。"
todmsg[3]="我们的网站提供最新的国内外软件注册码(破解的软件)!并且还有免费主页,软硬件应用,友情连接,人体图片,开心聊天,论坛,免费挣钱,免费LOGO制作,源代码下载,QQ皮肤下载,星座分析等栏目."
todmsg[4]="电脑软硬件应用网会员，你将享受到我们所提供的全部服务！"
todmsg[5]="电脑软硬件应用网LOGO申请须知，凡属以下情况的，请勿申请，恕本站概不受理。①商业性网站；②未做好本站图标链接的网站；③主页尚未制作完成的网站；④页面结构混乱，制作较为粗糙的网站；⑤网站地址错误或无法打开的网站；⑥内容不健康或违返国家法律的网站；⑦网页中加有强行修改注册表代码的网站；⑧申请成功后，再次以另一资料申请的同一网站。 "
todmsg[6]="电脑软硬件应用网的网站联盟成员，你将享受到我们所提供的全部宣传服务。如果你的网站够出色还可得到我站的空间！！！</FONT>"
</script>
<script language="JavaScript">
cnt=0;
todmsg.sort(rndm)

function rndm(a,b){
return (Math.random()-Math.random())
}

function chgstatus(){
if (dspl1.checked)
dspl1.checked=false;
else
dspl1.checked=true;
}

function dspltip(){
mtxt.innerHTML=todmsg[0]
cntr.innerHTML="1/"+todmsg.length
}

function ntip(){
if (cnt<todmsg.length-1)
cnt++;
else
cnt=0;
mtxt.innerHTML=todmsg[cnt];
cntr.innerHTML=(cnt+1)+"/"+todmsg.length
}

function endf(){
if (!dspl1.checked)
window.returnValue=1
else
window.returnValue=0
window.close();
}
</script>
</body>
</html>
这个就是这个“每日一帖”的代码，细心的读者一定看出来这个“每日一帖”是我网站会员俱乐部的一些介绍之类的东东。当然你可以改成你想要得内容，其实这个网页的语法很简单，就不需要我多说了吧。只需要增加“todmsg”的数量，大家可以看看代码前面几条是怎么写的，按照格式就可以随意增加或者减少了。
最后一步：你要确定好在什么网页中弹出这个“每日一帖”，然后在你将选择采用“每日一帖”特效的网页HTML中的<body>、</body>之间插入下面的代码：
<Script Language="JavaScript">
bver=navigator.appVersion.split(";");
function totdstart(){
if(bver[1].match("5."))
rv=window.showModalDialog("totd.html",null,"dialogWidth:430px;dialogHeight:280px;center:1;scroll:0;help:0;status:0");
else
rv=window.showModalDialog("totd.html",null,"dialogWidth:430px;dialogHeight:300px;center:1;scroll:0;help:0");
nd= new Date();
nd.setTime (nd.getTime()+(365*24*60*60*1000));
cdomain = (location.domain) ? location.domain : null;
cpath = (location.domain) ? location.pathname : null;
if (rv!=0)
SetCookie ("totdc", "true", nd, cpath, cdomain);
}

function totdinit(){
if (document.all){
if (GetCookie("totdc")!="true")
totdstart()
else
document.body.insertAdjacentHTML('beforeEnd','<Div Id="etotd" style="width:140;position:absolute;top:0;left:0;BACKGROUND-COLOR:#B71717;BORDER-BOTTOM:#5C0000 solid 2px;BORDER-LEFT:#FE5E5E solid 2px;BORDER-RIGHT:#5C0000 solid 2px;BORDER-TOP:#FE5E5E solid 2px;font-family:Arial;font-size:8pt;font-weight:bold;text-align:center;padding-top:2px;padding-bottom:2px;color:#FFFFFF;cursor:default" onclick="enable()" onmouseover="mover()" onmouseout="mout()">开启“每日一帖”功能</Div>');
}
}

function enable(){
DeleteCookie("totdc");
etotd.innerHTML="正在开启每日一帖……";
setTimeout('etotd.style.visibility="hidden";totdstart()',1000);
}

function mover(){
etotd.style.borderLeftColor="#5C0000";
etotd.style.borderRightColor="#FE5E5E";
etotd.style.borderBottomColor="#FE5E5E";
etotd.style.borderTopColor="#5C0000";
etotd.style.paddingLeft="1px";
etotd.style.paddingTop="3px";
}

function mout(){
etotd.style.borderLeftColor="#FE5E5E";
etotd.style.borderRightColor="#5C0000";
etotd.style.borderBottomColor="#5C0000";
etotd.style.borderTopColor="#FE5E5E";
etotd.style.paddingLeft="0px";
etotd.style.paddingTop="2px";
}
function getCookieVal (offset) {
  var endstr = document.cookie.indexOf (";", offset);
  if (endstr == -1)
    endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie (name) {
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i < clen) {
    var j = i + alen;
    if (document.cookie.substring(i, j) == arg)
      return getCookieVal (j);
    i = document.cookie.indexOf(" ", i) + 1;
    if (i == 0) break;
  }
  return null;
}

function SetCookie (name, value) {
  var argv = SetCookie.arguments;
  var argc = SetCookie.arguments.length;
  var expires = (argc > 2) ? argv[2] : null;
  var path = (argc > 3) ? argv[3] : null;
  var domain = (argc > 4) ? argv[4] : null;
  var secure = (argc > 4) ? argv[5] : false;
  document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain));
}

function DeleteCookie(name){
exp=new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie ("name");
document.cookie = name + "=" + cval +"; expires=" + exp.toGMTString();
}
</Script>
   然后把这个网页中的<body>改为<body onLoad="totdinit()">，以便当这个网页打开的时候来调用这个“每日一帖”。
    好了，你用IE打开这个网页，看看是不是会弹出“每日一帖”，如果没有，看有没有把我说的代码输入完，最后的效果见图片1。如果你是那种懒虫的话，可以到我的网站来，好了，这个“每日一帖”就介绍完了，怎么样，赶快实验吧……
    效果看本站首页每日一贴!

搜索

网页中的“每日一帖”