??????
网普成员
积分 100
发贴 99
注册 2004-10-10
状态 离线
|
#1 网页特效整理
网页特效整理
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>
|
|
2004-10-12 03:47 PM |
|
??????
网普成员
积分 100
发贴 99
注册 2004-10-10
状态 离线
|
#2
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>
|
|
|
2004-10-12 03:48 PM |
|
??????
网普成员
积分 100
发贴 99
注册 2004-10-10
状态 离线
|
#3
第二步:把如下代码加入<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 -->
|
|
|
2004-10-12 03:49 PM |
|
茱莉娅
THE BODY SHOP美容顾问
茱莉娅美体小铺
积分 100
发贴 99
注册 2009-5-21
来自 茱莉娅美体小铺
状态 离线
|
|
|
2004-10-12 03:49 PM |
|
|
