百独托管7500 紫田网络超高转化播放器收cps[推荐]速盾CDN 免实名免备防屏蔽阿里云 爆款特卖9.9元封顶提升alexa、IP流量7Q5团队
【腾讯云】中小企福利专场【腾讯云】多款产品1折起高防 随时退换 好耶数据小飞国外网赚带你月入万元炎黄网络4H4G10M 99每月
香港带宽CN2/美国站群优惠中客数据中心 服务器租用联盟系统移动广告平台 中易企业专场腾讯云服务器2.5折九九数据 工信部正规资质
腾讯云新用户大礼包代金券高价收cpa注册量高价展示【腾讯云】2核2G/9.93起租服务器找45互联 随时退换阿里云 短信服务 验证秒达

[官方推荐] 网页特效整理 [复制链接]
查看:652829 | 回复:21

3

主题

1万

帖子

1万

积分

落伍者(四季发财)

≮誓與風爭≯

Rank: 4

贡献
1087
鲜花
0
注册时间
2002-12-8
发表于 2003-7-13 10:34:51 | |阅读模式 来自 中国江苏苏州
http://www.freebar.net/forums/viewthread.php?tid=539

由于太多了所以我放在我论坛,无须注册,直接可以浏览~

都是我网上搜集来的,正在不断补充中~

不会算广告吧??


1.第一步:把如下代码加入<body>区域中:


  Code: [Copy to clipboard]   
<span id=liveclock style=position:absolute;left:250px;top:122px;; width: 109px; height: 15px>
</span>    (这里可以调整时钟的方位。调用脚本时去掉括号中内容)
<SCRIPT language=javascript>
<!--

function show5(){if(!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if(hours>12){dn="PM"
hours=hours-12
}if(hours==0)
hours=12
if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
//change font size here to your desire
myclock="<font size='5' face='Arial'><b><font size='1'>Current Time:</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
}
//>
</SCRIPT>



第二步:把<body>中的内容改为


  Code: [Copy to clipboard]   
<body bgcolor="#fef4d9" ONLOAD=show5()>



2.距离某天时间

脚本说明:
把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<SCRIPT language=javascript><!--
BirthDay=new Date("january 01,2000");//改成你的计时日期
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
//-->
</SCRIPT><SCRIPT language=javascript><!--
document.write("新世纪已经进去了"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒了!");
//-->
</SCRIPT>

3.显示特殊节日脚本

脚本说明:
把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<SCRIPT language=javascript>
<!--
calendar = new Date();
day = calendar.getDay();
month = calendar.getMonth();
date = calendar.getDate();
year = calendar.getYear();
if (year< 100) year = 1900 + year;
cent = parseInt(year/100);
g = year % 19;
k = parseInt((cent - 17)/25);
i = (cent - parseInt(cent/4) - parseInt((cent - k)/3) + 19*g + 15) % 30;
i = i - parseInt(i/28)*(1 - parseInt(i/28)*parseInt(29/(i+1))*parseInt((21-g)/11));
j = (year + parseInt(year/4) + i + 2 - cent + parseInt(cent/4)) % 7;
l = i - j;
emonth = 3 + parseInt((l + 40)/44);
edate = l + 28 - 31*parseInt((emonth/4));
emonth--;
var dayname = new Array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
var monthname =
new Array ("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月" );
document.write("<font color=FF0000>"+year +"年");
document.write(monthname[month]);
document.write(date + "日");
document.write(dayname[day]+" "+"</font>");

// January(1月份节日,以下同。)
if ((month == 0) && (date == 1)) document.write("元旦");
if ((month == 0) && (date == 10)) document.write("我的生日");
if ((month == 4) && (date == 1)) document.write("国际劳动节");
if ((month == 4) && (date == 4)) document.write("青年节");
if ((month == 5) && (date == 1)) document.write("国际儿童节");
if ((month == 11) && (date == 25)) document.write("圣诞节");

document.write("<br></font>");

//-->
</SCRIPT>


4.时钟加在背景上

脚本说明:
第一步:把如下代码加入<head>区域中:\


  Code: [Copy to clipboard]   
<script language=javaScript>
<!--//

function clockon() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds

if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}

if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'</div>')
document.close()
}
var timer=setTimeout("clockon()",200)
}

//-->
</script>



第二步:把<body>中加入如下代码:


  Code: [Copy to clipboard]   
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>

<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div>

<div id="mainbody" style="position:absolute; visibility:visible">
</div>



第三步:把<body>中内容改为:


  Code: [Copy to clipboard]   
<body bgcolor="#fef4d9" onLoad="clockon()">



5.Form中的时钟

脚本说明:
第一步:把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<script language="JavaScript">

<!--
var timerID = null
var timerRunning = false
function stopclock(){
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function startclock(){
    stopclock()
    showtime()
}

function showtime(){
    var now = new Date()
    var hours = now.getHours()
    var minutes = now.getMinutes()
    var seconds = now.getSeconds()
    var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds
    if (hours>=6 && hours<=12)
       {timeValue  += ("上午")}
    if(hours>12 && hours<=18)
       {timeValue += ("下午")}
    if(hours>18 && hours <=24)
       {timeValue +=("晚上")}
    if(hours<6)
       {timeValue += ("深夜")}
    document.clock.face.value = timeValue
    timerID = setTimeout("showtime()",1000)
    timerRunning = true
}


//-->
</script>
<form method="POST" name="clock">
                    <p>
                      <input type="text" name="face" size="11" style="font-size: 9pt">
                    </p>
                  </form>



第二步:把<body>区域改为


  Code: [Copy to clipboard]   
<body bgcolor="#fef4d9" onLoad="startclock();">


6.带开关的Form时钟

脚本说明:
把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<script language="JavaScript">
        var enabled=0;   
function TOfunc() {      
        TO = window.setTimeout( "TOfunc()", 1000
);      
        var today = new Date();   
        document.clock.disp.value =
today.toLocaleString();
        }
</script>
                  <form name="clock">
                    <input type="text" name="disp" value="" size=20
onFocus="this.blur()" >
                    <br>
                    <input type="radio" name="rad" value="off"  
onClick="
  if( enabled==1 )
    {
     document.clock.disp.value='';
     clearTimeout( TO );
     enabled = 0;
     }
   " checked>
                    关<font color="#FFFF99"> </font>
                    <input type="radio" name="rad" value="on"  
onClick="
     if( enabled == 0 ) {
        var TO = setTimeout( 'TOfunc()', 1000 );
        enabled = 1;     }" >
                    开<font color="#FFFF99"> </font>
                  </form>

7.记录几天后的日期

脚本说明:
把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<script language="JavaScript">
<!-- Begin
function AddDays(form) {
DaysToAdd=document.form.DaysToAdd.value;

var now=new Date();
var newdate=new Date();
var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);
newdate.setTime(newtimems);
document.form.display.value=newdate.toLocaleString();
}
// End -->
</script>
                    <form name=form>
                      <input type=text name=DaysToAdd size=4 value=10 onFocus="this.select()" onMouseOver="this.focus()">
                      <input type=button value="天后的日期将是.." onClick="AddDays(this.form)" name="button">
                      <input type=text name="display" size=20 value="">
                    </form>

8.全球时间表

脚本说明:
第一步:把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<script language="JavaScript">
<!-- Begin
var timerRunning = false;
var timezone = "格林尼治标准时间";
var adjust = 0;

function timeCheck(tzone, diff) {
if (timerRunning) {
clearTimeout(updatetime);
timerRunning = false; }
gmtOffset=eval(diff+adjust);
timezone = tzone;
checkDateTime();
}

function checkDateTime () {
var today = new Date();
var year = today.getYear() + 00;
var month = today.getMonth()+1;
var date = today.getDate();
var day = today.getDay();
var hour = today.getHours();
var minute = today.getMinutes();
var second = today.getSeconds();

var lastSat = date - (day+1);
while (lastSat < 32) lastSat+=7;
if (lastSat > 31) lastSat+=-7;
var firstSat = date - (day+1);
while (firstSat > 0) firstSat+=-7;
if (firstSat < 1) firstSat+=7;
if ((((month == 4) && (date >= firstSat)) || month > 4) &&
(month < 11 || ((month == 10) && day <= lastSat))) adjust += 60;
yourOffset = (new Date()).getTimezoneOffset();
yourOffset = yourOffset + adjust;

var xx = navigator.appName
var xy = navigator.appVersion;
xy = xy.substring(0,1);
if ((xy == 4) && (xx == "Netscape")) yourOffset = yourOffset+adjust;
if ((((month == 4) && (date > 20)) || month > 4) && (month < 11 || ((month == 10) &&
day < 30))) adjust -= 60;

ourDifference = eval(gmtOffset - yourOffset);
var half = eval(ourDifference % 60);
ourDifference = Math.round(ourDifference / 60);
hour = eval(hour - ourDifference);
var m = new Array("",
"1","2","3",
"4","5","6",
"7","8","9",
"10","11","12");
var leap = eval(year % 4);

if ((half == -30) || (half == 30)) minute += 30;
if (minute > 59) minute -= 60, hour++;
if (minute < 0) minute += 60, hour--;
if (hour > 23) hour -= 24, date += 1;
if (((month == 4) || (month == 6) ||
(month == 9) || (month == 11)) && (date==31)) date = 1, month ++;
if (((month == 2) && (date > 28)) && (leap != 0)) date = 1, month ++;
if ((month == 2) && (date > 29)) date = 1, month++;
if (hour < 0) hour += 24, date --;
if ((date == 32) && (month == 12)) month = m[1], date = 1, year++;
if (date == 32) date = 1, month++;
if ((date < 1) && (month == 1)) month= m[12], date = 31, year--;
if (date < 1) date = 31, month --;
if (((month == 4) || (month == 6) ||
(month== 9) || (month == 11)) && (date == 31)) date = 30;
if ((month == 2) && (date > 28)) date = 29;
if (((month == 2) && (date > 28)) && (leap != 0)) date=28;
for (i=1; i<13; i++) {
if (month == i) {
month = m; break;
   }
}

var dateTime = hour;
dateTime = ((dateTime < 10) ? "0":"") + dateTime;
dateTime = " " + dateTime;
dateTime += ((minute < 10) ? ":0" : ":") + minute;
dateTime += ((second < 10) ? ":0" : ":") + second;
dateTime += (hour >= 12) ? "下午, " : "上午, ";
dateTime += year + "年" + month + "月" + date + "日" ;

document.clock.zonetime.value = dateTime;
document.clock.zonename.value = timezone;
updatetime=setTimeout("checkDateTime()", 900);
timerRunning = true;
}
// End -->
</script>
                  <br>
                  <form name=clock>
                    <input type=text name=zonetime size=28>
                    <br>
                    <br>
                    <b>当前的地区</b><br>
                    <input type=text name=zonename size=21>
                    <br>
                    <br>
                    <table border=1 cellpadding=5>
                      <tr>
                        <td align=center>
                          <input type=button value="太平洋" onClick="timeCheck(this.value, +480)" name="button">
                        </td>
                        <td align=center>
                          <input type=button value="中心" onClick="timeCheck(this.value, +420)" name="button">
                        </td>
                        <td align=center>
                          <input type=button value="东方" onClick="timeCheck(this.value, +300)" name="button">
                        </td>
                      </tr>
                      <tr>
                        <td align=center>
                          <input type=button value="夏威夷" onClick="timeCheck(this.value, +600)" name="button">
                        </td>
                        <td align=center>
                          <input type=button value="墨西哥" onClick="timeCheck(this.value, +360)" name="button">
                        </td>
                        <td align=center>
                          <input type=button value="新德里" onClick="timeCheck(this.value, -330)" name="button">
                        </td>
                      </tr>
                      <tr>
                        <td align=center>
                          <input type=button value="北京" onClick="timeCheck(this.value, -420)" name="button">
                        </td>
                        <td align=center>
                          <input type=button value="东京" onClick="timeCheck(this.value, -540)" name="button">
                        </td>
                        <td align=center>
                          <input type=button value="伦敦" onClick="timeCheck(this.value, +0)" name="button">
                        </td>
                      </tr>
                    </table>
                    </form>



第二步:把<body>区域改为


  Code: [Copy to clipboard]   
<body bgcolor="#fef4d9" OnLoad="timeCheck(timezone, 0)">



9倒计时代码生成器

脚本说明:
第一步:把如下代码加入<head>区域中


  Code: [Copy to clipboard]   
<SCRIPT language=javascript>
<!--
function generate(form){for(var q=0;q<12;q++){if(document.me.m.options[document.me.m.selectedIndex].value==q){var m2=q+1
}var txt='<!-- 分三步完成全部脚本:\r\n\r\n'
+' 1. 将第一部分粘贴到HTML的HEAD区\r\n'
+' 2. 将OnLoad事件加入BODY标签内\r\n'
+' 3. 将最后一部分代码加入BODY区 -->\r\n\r\n'
+'<!-- 第一步: 将如下代码粘贴到HTML的HEAD区-->\r\n\r\n'
+'<HEAD>\r\n\r\n<SCRIPT LANGUAGE="JavaScript">\r\n\r\n'
+'<!-- Begin\r\n'
+'var Temp2;\n'
+'var timerID = null;\n'
+'var timerRunning = false;\n'
+'function arry() {\n'
+'this.length = 12;\n'
+'this[0] = 31;\n'
+'this[1] = 28;\n'
+'this[2] = 31;\n'
+'this[3] = 30;\n'
+'this[4] = 31;\n'
+'this[5] = 30;\n'
+'this[6] = 31;\n'
+'this[7] = 31;\n'
+'this[8] = 30;\n'
+'this[9] = 31;\n'
+'this[10] = 30;\n'
+'this[11] = 31;\n'
+'}\n'
+'var date = new arry();\n'
+'\n'
+'function stopclock() {\n'
+'if(timerRunning)\n'
+'clearTimeout(timerID);\n'
+'timerRunning = false;\n'
+'}\n'
+'\n'
+'function startclock() {\n'
+'stopclock();\n'
+'showtime();\n'
+'}\n'
+'\n'
+'function showtime() {\n'
+'now = new Date();\n'
+'var CurMonth = now.getMonth();\n'
+'var CurDate = now.getDate();\n'
+'var CurYear = now.getFullYear();\n'
+'now = null;\n'
+'if ('+document.me.d.options[document.me.d.selectedIndex].value+' < CurDate) {\n'
+'CurDate -= date[CurMonth]; CurMonth++;\n'
+'}\n'
+'if ('+document.me.m.options[document.me.m.selectedIndex].value+' < CurMonth) {\n'
+'CurMonth -= 12; CurYear++;\n'
+'}\n'
+'\n'
+'var Yearleft = '+document.me.y.options[document.me.y.selectedIndex].value+' - CurYear;\n'
+'var Monthleft = '+document.me.m.options[document.me.m.selectedIndex].value+' - CurMonth;\n'
+'var Dateleft = '+document.me.d.options[document.me.d.selectedIndex].value+' - CurDate;\n'
+'\n'
+'document.dateform.a.value = Yearleft;\n'
+'document.dateform.b.value = Monthleft;\n'
+'document.dateform.c.value = Dateleft;\n'
+'\n'
+'timerID = setTimeout("showtime()",1000);\n'
+'timerRunning = true;\n'
+'}\n'
+'/\/ End -->\r\n<\/script>\r\n'
+'<\/H'+'EAD>\r\n\r\n'
+'<!-- 第二步:将OnLoad事件加入BODY标签内 -->\r\n\r\n'
+'<BO'+'DY Onload="startclock()">\r\n\r\n'
+'<!-- 第三步:将最后一部分代码加入BODY区 -->\r\n\r\n'
+'<form name=dateform>距离'
+m2+'/'+document.me.d.options[document.me.d.selectedIndex].value+'/'
+document.me.y.options[document.me.y.selectedIndex].value
+'还有\n'
+'<input type=text name=a size=2 value="">年\n'
+'<input type=text name=b size=2 value="">月\n'
+'<input type=text name=c size=2 value="">天\n'
+'</fo'+'rm>\r\n\r\n'
+'<'+'!-- 代码长度: 1.95 KB --'+'>'
;}document.mail.source.value=txt;document.mail.source2.value=txt;}
//-->
</SCRIPT>



第二步:把如下代码加入区域中:


  Code: [Copy to clipboard]   
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>
<tr><td align=center><form name=me> <p><select name=m size=1> <option value=0>January </option> <option value=1>February </option> <option value=2>March </option> <option value=3>April </option> <option value=4>May </option> <option value=5>June </option> <option value=6>July </option> <option value=7>August </option> <option value=8>September </option> <option value=9>October </option> <option value=10>November </option> <option value=11>December </option> </select> <select name=d size=1> <option value=1>1 </option> <option value=2>2 </option> <option value=3>3 </option> <option value=4>4 </option> <option value=5>5 </option> <option value=6>6 </option> <option value=7>7 </option> <option value=8>8 </option> <option value=9>9 </option> <option value=10>10 </option> <option value=11>11 </option> <option value=12>12 </option> <option value=13>13 </option> <option value=14>14 </option> <option value=15>15 </option> <option value=16>16 </option> <option value=17>17 </option> <option value=18>18 </option> <option value=19>19 </option> <option value=20>20 </option> <option value=21>21 </option> <option value=22>22 </option> <option value=23>23 </option> <option value=24>24 </option> <option value=25>25 </option> <option value=26>26 </option> <option value=27>27 </option> <option value=28>28 </option> <option value=29>29 </option> <option value=30>30 </option> <option value=31>31 </option> </select><select name=y size=1> <option value=1999>1999 </option> <option value=2000>2000 </option> <option value=2001>2001 </option> <option value=2002>2002 </option> <option value=2003>2003 </option> <option value=2004>2004 </option> <option value=2005>2005 </option> <option value=2006>2006 </option> <option value=2007>2007 </option> <option value=2008>2008 </option> <option value=2009>2009 </option> </select><br> <input type=button onclick=generate() value=生成代码 class=yk9><input type=button value=返回 onClick=history.go(-1) name=button class=yk9><p></p></form><form name=mail> <input type=hidden name=scriptname value="Countdown Creator"><input type=hidden name=source2 value><table bgcolor=dedfdf border=1 cellpadding=1 width=396> <tr> <td align=center height=218><textarea name=source rows=12 cols=55 class=yk9></textarea><br> <br> </td> <td> </td> </tr> </table></form></td></tr></table>

10.随时间变化提示

脚本说明:
把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<SCRIPT language="JavaScript">
<!-----------
   var enabled = 0;   today = new Date();
   var day;   var date;
   if(today.getDay()==0)     day = "星期日"
   if(today.getDay()==1)     day = "星期一"
   if(today.getDay()==2)     day = "星期二"
   if(today.getDay()==3)     day = "星期三"
   if(today.getDay()==4)     day = "星期四"
   if(today.getDay()==5)     day = "星期五"
   if(today.getDay()==6)     day = "星期六"
   document.fgColor = " FF0072";
   date1 = "<font size=2 color=red>" + (today.getYear())  + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日  " + "</font>";
   date2 = "<font size=1 color=red>" +  day + "</font>";
   document.write("<center>" + date1.fontsize(3) + date2.fontsize(3) + "</center>");
   
//----->
</SCRIPT>
<SCRIPT language="JavaScript">

<!--
document.write("<center><font color=#0066ff size=+1> ")
day = new Date()
hr = day.getHours()
if (hr ==1)
document.write("凌晨一点已过,别忘了休息喔!")
if (hr ==2)
document.write("该休息了,身体可是革命的本钱啊!")
if (hr ==3)
document.write("夜深人静,只有你敲击鼠标的声音...")
if (hr ==4)
document.write("四点过了,你明天不上班???")
if (hr ==5)
document.write("该去晨运了!!!")
if (hr ==6)
document.write("你知道吗,此时是国内网络速度最快的时候!")
if (hr ==7)
document.write("新的一天又开始了,祝你过得快乐!")
if ((hr ==8) || (hr == 9) || (hr ==10))
document.write("上午好!今天你看上去好精神哦!")
if (hr ==11)
document.write("十一点过了,快下班了吧?")
if (hr ==12)
document.write("十二点过了,还不下班?")
if ((hr==13) || (hr==14))
document.write("你不睡午觉?")
if ((hr==15) || (hr==16) || (hr==17))
document.write("下午好!")
if ((hr==18) || (hr==19))
document.write("吃晚饭了吧?")
if ((hr==20) || (hr==21) || (hr==22))
document.write("今晚又在这玩电脑了,没节目?")
if (hr==23)
document.write("真是越玩越精神,不打算睡了?")
if (hr==0)
document.write("凌晨了,还不睡?")
document.write("</font></center>")
//--->

</SCRIPT>

11.特酷的倒影时钟

脚本说明:
第一步:把如下代码加入<head>区域中


  Code: [Copy to clipboard]   
<head>
<style>
.time { font-size: 12pt; line-height: 14pt; color:red;}
</style>
<SCRIPT language=JavaScript>
<!-- Hiding
var ctimer;

function init(){
if (document.all){
tim2.style.left=tim1.style.posLeft;
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
settimes();
}
}

function settimes(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
if (hours<10)
hours="0"+hours;
if(mins<10)
mins="0"+mins;
if (secs<10)
secs="0"+secs;
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
ctimer=setTimeout('settimes()',960);
}
// Done hiding -->
</SCRIPT>



第二步:把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<DIV class=time id=tim1
style="HEIGHT: 20px; LEFT: 50px; POSITION: absolute; TOP: 10px; WIDTH: 10px"></DIV>
<DIV class=time id=tim2
style="FILTER: flipv() alpha(opacity=20); FONT-STYLE: italic; POSITION: absolute"></DIV>



第三步:把<body>改为


  Code: [Copy to clipboard]   
<body bgcolor="#fef4d9" onload="init()">

12.特酷的日期显示

脚本说明:
把如下代码加入<body>区域中:


  Code: [Copy to clipboard]   
<script LANGUAGE="JavaScript">
<!-- Begin
Stamp = new Date();
document.write('<font size="2" face="Arial"><B>' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '</B></font><BR>');
var Hours;
var Mins;
var Time;
Hours = Stamp.getHours();
if (Hours >= 12) {
Time = " P.M.";
}
else {
Time = " A.M.";
}
if (Hours > 12) {
Hours -= 12;
}
if (Hours == 0) {
Hours = 12;
}
Mins = Stamp.getMinutes();
if (Mins < 10) {
Mins = "0" + Mins;
}   
document.write('<font size="2" face="Arial"><B>' + Hours + ":" + Mins + Time + '</B></font>');
// End
// --></script>


13.记录几天后的日期

脚本说明:
把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<script language="JavaScript">
<!-- Begin
function AddDays(form) {
DaysToAdd=document.form.DaysToAdd.value;

var now=new Date();
var newdate=new Date();
var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);
newdate.setTime(newtimems);
document.form.display.value=newdate.toLocaleString();
}
// End -->
</script>
                    <form name=form>
                      <input type=text name=DaysToAdd size=4 value=10 onFocus="this.select()" onMouseOver="this.focus()">
                      <input type=button value="天后的日期将是.." onClick="AddDays(this.form)" name="button">
                      <input type=text name="display" size=20 value="">
                    </form>


14.显示站点信息的导航

脚本说明:
第一步:把如下代码加入<head>区域中


  Code: [Copy to clipboard]   
<SCRIPT language=javascript>
<!--
function linkDisplay(selection){
if(selection=="1"){document.form.info.value="凡是主页制作需要的图片资料,这里都有。";document.form.go.value="time1.htm";}
else if(selection=="2"){document.form.info.value="流行软件和注册机码下载,软件分类齐全!";document.form.go.value="time2.htm";}//链接自己可以加入,说明也可以更改!
else if(selection=="3"){document.form.info.value="主页制作密技奉献,正在学习和制作主页的朋友在这里一定能发现有用的资料。";document.form.go.value="3.htm";}
else if(selection=="4"){document.form.info.value="大量的中外影视明星美女的剧照和写真,詹姆斯邦德,施瓦辛格,第五元素,哈里森福特,周润发,泰坦尼克,蝙蝠侠,变脸及X-档案等剧照。苏慧伦,王菲,酒井法子,朱茵等美女桌布!";document.form.go.value="4.htm";}
else if(selection=="5"){document.form.info.value="几千个注册机码等着你呢!而且在不断地添加新的东西";document.form.go.value="5.htm";}
else if(selection=="6"){document.form.info.value="MIDI音乐屋当然是最首欢迎的MIDI乐曲下载天地了,中外流行曲,美国乡遥,影视主题曲...";document.form.go.value="6.htm";}}function moreInfo(){
var page=document.form.go.value;window.location=page;}

//-->

</SCRIPT>



第二步:把如下代码加入区域中


  Code: [Copy to clipboard]   
<form name=form> <input type=hidden name=go value><table border=0 width=300> <tr> <td align=center width=111><a href=javascript:linkDisplay(1);>网页图片库</a><br> </td> <td align=center width=123><a href=javascript:linkDisplay(2);>软件下载仓库</a><br> </td> <td align=center width=160><a href=javascript:linkDisplay(3);>主页制作密技</a><br> </td>  </tr> <tr> <td align=center width=111><a href=javascript:linkDisplay(4);>美女明星写真<br> </a></td> <td align=center width=123><a href=javascript:linkDisplay(5);>注册机码集中营</a><br> </td> <td align=center width=160><a href=javascript:linkDisplay(6);>MIDI音乐屋</a><br> </td> </tr> <tr> <td colspan=3 align=center width=402><div align=center><p><textarea name=info rows=5 cols=34 wrap=virtual>点击连接看个仔细</textarea><br> <input type=button name=button value=去看看 onClick=moreInfo()> </td> </tr> </table></form>

15.任意位置显示导航信息

脚本说明:
把如下代码加入<body>区域中


  Code: [Copy to clipboard]   
<SCRIPT language=javascript><!--
document.onclick = popUp
  
function popUp() {
newX = window.event.x + document.body.scrollLeft
newY = window.event.y + document.body.scrollTop
menu = document.all.itemopen
  if ( menu.style.display == ""){
    menu.style.display = "none" }
  else {
     menu.style.display = ""}

    menu.style.pixelLeft = newX - 50
    menu.style.pixelTop = newY - 50
}
//-->


</SCRIPT>


<!-- Start of Popup Menu  -->

<table id="itemopen" class='box'  style='display:none'>  
<tr><td><a href='index.htm' class="cc" >弹出菜单</a></td></tr>   
<tr><td><a href='time1.htm' class="cc" >本站首页</a></td></tr>
<tr><td><a href='time2.htm' class="cc">My求职信</a></td></tr>
<tr><td><a href='time3.htm' class="cc" >网上赚钱</a></td></tr>
<tr><td><a href='ye1.htm' class="cc" >免费资源</a></td></tr>
<tr><td><a href='ye2.htm' class="cc" >更多连接</a></td></tr>
<tr><td><a href='ye3.htm' class="cc" >更多连接</a></td></tr>
<tr><td><a href='zh1.htm' class="cc" >更多连接</a></td></tr>
    </table>

  <!-- End of Popup Menu  -->
头像被屏蔽

0

主题

1508

帖子

1984

积分

落伍者(两全齐美)

开始到现在

Rank: 2

贡献
131
鲜花
0
注册时间
2002-6-23
发表于 2003-7-13 10:35:28 | 来自 中国安徽阜阳
路过~
头像被屏蔽

0

主题

1万

帖子

1万

积分

落伍者(四季发财)

:-:-退隐江湖-:-:

Rank: 4

贡献
18
鲜花
0
注册时间
2002-10-10
发表于 2003-7-13 10:44:28 | 来自 中国云南昆明
我踢死你/


这么好不早拿出来?

:)
签名被屏蔽

3

主题

1万

帖子

1万

积分

落伍者(四季发财)

≮誓與風爭≯

Rank: 4

贡献
1087
鲜花
0
注册时间
2002-12-8
 楼主| 发表于 2003-7-13 10:57:49 | 来自 中国江苏苏州
哎呀~我也是刚整理的~一早上
头像被屏蔽

0

主题

989

帖子

1222

积分

落伍者(两全齐美)

宣传员

Rank: 2

贡献
0
鲜花
0
注册时间
2002-4-19
发表于 2003-7-13 11:19:51 | 来自 中国河北石家庄
不错!
辛苦了!
签名被屏蔽

1

主题

9343

帖子

8744

积分

落伍者(三羊开泰)

.惹我生氣的罪可是很重的.

Rank: 3Rank: 3

贡献
1010
鲜花
0
注册时间
2002-12-8
发表于 2003-7-13 11:21:09 | 来自 中国江苏南京
加精华了
头像被屏蔽

0

主题

5万

帖子

4万

积分

名誉管理员

IsBoard'Team_西瓜

Rank: 9Rank: 9Rank: 9

贡献
0
鲜花
6
注册时间
2002-7-17
发表于 2003-7-13 11:21:24 | 来自 中国上海
这个也加精华?贴过来才算把
签名被屏蔽
头像被屏蔽

1

主题

1万

帖子

1万

积分

保护或锁定(状态异常,请联系客服)

退休工人

贡献
179
鲜花
0
注册时间
2003-2-15
发表于 2003-7-13 11:22:27 | 来自 中国上海
Originally posted by 西瓜 at 2003-7-13 11:21 AM:
这个也加精华?贴过来才算把

你不忙帮他贴贴不就行了?
签名被屏蔽
头像被屏蔽

0

主题

5万

帖子

4万

积分

名誉管理员

IsBoard'Team_西瓜

Rank: 9Rank: 9Rank: 9

贡献
0
鲜花
6
注册时间
2002-7-17
发表于 2003-7-13 11:23:48 | 来自 中国上海
Originally posted by SHCS at 2003-7-13 11:22 AM:

你不忙帮他贴贴不就行了?


我在上班,你贴过来精华算你的好了
签名被屏蔽
头像被屏蔽

1

主题

1万

帖子

1万

积分

保护或锁定(状态异常,请联系客服)

退休工人

贡献
179
鲜花
0
注册时间
2003-2-15
发表于 2003-7-13 11:35:39 | 来自 中国上海
好了,我转过来了
签名被屏蔽
论坛客服/商务合作/投诉举报:2171544 (QQ)
落伍者创建于2001/03/14,本站内容均为会员发表,并不代表落伍立场!
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论!
落伍官方微信:2030286 邮箱:(djfsys@gmail.com|tech@im286.com)
© 2001-2014

浙公网安备 33060302000191号

浙ICP备11034705号 BBS专项电子公告通信管[2010]226号

  落伍法律顾问: ITlaw-庄毅雄

手机版|找回帐号|不能发帖?|Archiver|落伍者

GMT+8, 2024-6-18 21:37 , Processed in 0.125368 second(s), 34 queries , Gzip On.

返回顶部