三更论坛技术版『 网站建设 』 → 网页特效代码选集


  共有15911人关注过本帖树形打印复制链接

主题:网页特效代码选集

帅哥哟,离线,有人找我吗?
荞麦
  1楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
网页特效代码选集  发帖心情 Post By:2006-1-4 14:40:10 [只看该作者]

当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1、页面自动刷新

把如下代码加入<head>区域中其中20指每隔20秒刷新一次页面:

<meta http-equiv="refresh" content="20">

2、页面自动跳转

把如下代码加入<head>区域中,其中20指隔20秒后跳转到http://www.cn76.com页面:

<meta http-equiv="refresh" content="20;url=http://www.cn76.com">

备注:

查看一:http://www.cn76.com/js/

查看二:http://js.678e.com/

查看三:http://www.helpor.net/




三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  2楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 14:53:09 [只看该作者]

3、自动跳出Frame

有时侯,你的页面会被别人的frame引用,含在别人的frame中(有时一些站点因内容不足, 会将别人的页面当作自己的一个frame,看起来像是自己本身的页面) 。你当然不会高兴, 访问者也觉得看着不方便。 用了这个js,一旦被别人frame了,会自动弹出。你就不用再担心了!

将下面代码copy入你网页<body>和</body>中即可。

<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
if (top.location !== self.location) {
top.location=self.location;
}
</SCRIPT>

4、访问时间限制

脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT language="JavaScript">
<!--
var limit="0:59"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function begintimer(){
if (!document.images)
return
if (parselimit==1)
//下面是限制时间到了后去的连接页面,自己修改。
window.location="zh1.htm"
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit
if (curmin!=0)
curtime="你只有"+curmin+"分"+cursec+"秒的时间保存此页。"
else
curtime="你只有"+cursec+"秒的时间访问此页。"
setTimeout("begintimer()",1000)
//下一句告诉访问者剩余的时间,在文本框中显示,不想要去掉即可。
document.lefttime.left.value=curtime
//下一句告诉访问者剩余的时间,在状态栏中显示。
window.status=curtime
}
}
//-->
</SCRIPT>


第二步:把<body>区域改为
<body bgcolor="#fef4d9" onload="begintimer()">



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  3楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 15:01:42 [只看该作者]

5、综合的搜索引擎

脚本说明:
把如下代码加入<body>区域中
<form Name="InputForm">
<div align="center"><center><p><script language="JavaScript">
var FirstForm;
function StartSearch()
{
document.forms[FirstForm+document.InputForm.SearchSelect.
selectedIndex].elements[0].value=document.InputForm.SearchWords.value;
document.forms[FirstForm+document.InputForm.SearchSelect.
selectedIndex].submit();
}
</script><span style="font-size: 9pt">查找内容:</span><input name="SearchWords" type="text" size="21" style=" margin-left: 1px"><br>
<span style="font-size: 9pt">搜索引擎:</span><select Name="SearchSelect" size="1" style="background-color: rgb(0,0,0); color: rgb(255,255,0)">
<option selected>Yahoo </option>
<option>InfoSeek </option>
<option>altavista</option>
<option value="Magellan">Magellan</option>
<option value="Point ">Point </option>
<option value="中文YAHOO">中文YAHOO</option>
<option value="全球FTP资源搜索系统">全球FTP资源搜索系统</option>
<option value="全球游戏资源搜索系统">全球游戏资源搜索系统</option>
<option>Yeah中文搜索</option>
<option>Cseek中文搜索</option>
<option value="台湾绿世界中文搜索">台湾绿世界中文搜索</option>
<option value="台湾番薯藤">台湾番薯藤</option>
<option value="东方网景">东方网景</option>
</select><br>
<input type="button" value=" 开始查找 " onClick="StartSearch()"> <script language="JavaScript">
FirstForm=document.forms.length
</script></p>
</center></div>
</form>
<form action="http://search.yahoo.com/bin/search" method="get">
<input type="hidden" name="p" value>
</form>
<form METHOD="GET" ACTION="http://www3.infoseek.com/Titles">
<input type="hidden" name="qt" value><input type="hidden" name="col" value="WW"><input type="hidden" name="sv" value="IS"><input type="hidden" name="lk" value="noframes"><input type="hidden" name="nh" value="10">
</form>
<form action="http://www.altavista.digital.com/cgi-bin/query?pg=q&what=web&q=">
<input type="hidden" name="q" value>
</form>
<form action="http://www.mckinley.com/searcher.cgi?query=">
<input type="hidden" name="query" value>
</form>
<form action="http://point.lycos.com/cgi-bin/pursuit?query=">
<input type="hidden" name="query" value>
</form>
<form action="http://search.chinese.yahoo.com/search/gb" method="get">
<input type="hidden" name="p" value>
</form>
<form action="http://ftpsearch.unit.no/ftpsearch">
<input type="hidden" name="query" value>
</form>
<form action="http://www.gamesdomain.com/cgi-bin/wwwwais">
<input type="hidden" name="keywords" value>
</form>
<form action="http://www.yeah.net/cgi-bin/search/search.cgi">
<input type="hidden" name="key" value>
</form>
<form action="http://www.cseek.com/homepage/cgi/srchengine.cgi">
<input type="hidden" name="searchkey" value>
</form>
<form action="http://greenworld.com.tw/explorer/search.pl?Keywords=">
<input type="hidden" name="Keywords" value>
</form>
<form action="http://search.yam.org.tw/b5/search/">
<input type="hidden" name="k" value>
</form>
<form action="http://www.orinet.cn.net/cgi-bin/yang/addlinks/searchlink.pl">
<input type="hidden" name="keywords" value>
</form>

6、随机播放背景音乐

脚本说明:
把如下代码加入<body>区域中
<SCRIPT language="JavaScript">
<!--
var sound1="song1.mid"
var sound2="song2.mid"
var sound3="song3.mid"
var sound4="song4.mid"
var sound5="song5.mid"
var sound6="song6.mid"
var sound7="song7.mid"
var sound8="song8.mid"
var sound9="song9.mid"
var sound10="song10.mid"
var x=Math.round(Math.random()*9)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName=="Microsoft Internet Explorer")
document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">')
else
document.write('<embed src='+'"'+x+'"'+'hidden="true" border="0" width="20" height="20" autostart="true" loop="true">')

//-->

</SCRIPT>



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  4楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 15:06:33 [只看该作者]

7、随日期播放音乐

脚本说明:
把如下代码加入<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<head>区域中
<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><SCRIPT language="JavaScript">
<!--
page=new Date();
if (page.getDate() == 1)
document.write("<bgsound src=song1.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 2)
document.write("<bgsound src=song2.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 3)
document.write("<bgsound src=song3.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 4)
document.write("<bgsound src=song4.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 5)
document.write("<bgsound src=song5.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 6)
document.write("<bgsound src=song6.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 7)
document.write("<bgsound src=song7.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 8)
document.write("<bgsound src=song8.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 9)
document.write("<bgsound src=song9.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 10)
document.write("<bgsound src=song10.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 11)
document.write("<bgsound src=song1.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 12)
document.write("<bgsound src=song2.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 13)
document.write("<bgsound src=song3.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 14)
document.write("<bgsound src=song4.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 15)
document.write("<bgsound src=song5.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 16)
document.write("<bgsound src=song6.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 17)
document.write("<bgsound src=song7.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 18)
document.write("<bgsound src=song8.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 19)
document.write("<bgsound src=song9.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 20)
document.write("<bgsound src=song10.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 21)
document.write("<bgsound src=song1.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 22)
document.write("<bgsound src=song2.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 23)
document.write("<bgsound src=song3.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 24)
document.write("<bgsound src=song4.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 25)
document.write("<bgsound src=song5.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 26)
document.write("<bgsound src=song6.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 27)
document.write("<bgsound src=song7.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 28)
document.write("<bgsound src=song8.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 29)
document.write("<bgsound src=song9.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 30)
document.write("<bgsound src=song10.mid width=145 height=30 autostart=true loop=-1 volume=50>");

if (page.getDate() == 31)
document.write("<bgsound src=song1.mid width=145 height=30 autostart=true loop=-1 volume=50>");
page=new Date();
var months = new Array(13);
months[1] = "1月";
months[2] = "2月";
months[3] = "3月";
months[4] = "4月";
months[5] = "5月";
months[6] = "6月";
months[7] = "7月";
months[8] = "8月";
months[9] = "9月";
months[10] = "10月";
months[11] = "11月";
months[12] = "12月";

var dateObj = new Date()
var lmonth = months[dateObj.getMonth() + 1]
var date = dateObj.getDate()

document.write("<br>" +"今天是:"+ lmonth + date+"日"+"播放007主题曲")

//-->

</SCRIPT></td></tr>
</table>

8、Jsp容错脚本

加入了这段代码,就不会有脚本出错提示出现

脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide

function killErrors() {
return true;
}

window.onerror = killErrors;

// -->
</SCRIPT>



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  5楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 15:18:07 [只看该作者]

9、网页调用另外网页

脚本说明:
把如下代码加入<body>区域中:
<object type="text/x-scriptlet" width="600" height="1000" data="http://www.163.com">
</object>

10、元素周期表

代码和效果:http://www.cn76.com/js/807zh1.htm



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  6楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 15:33:49 [只看该作者]

11、可选择的页面信息

脚本说明:
把如下代码加入<body>区域中:
<script>
function ask()
{
var enter=prompt("你有三种选择:输入1得到更多信息. 输入2打开页面.输入3则发信给作者!"," ");
var yes = 1
if (enter == 1)
{
alert('欢迎光临javascript页面特效,与我联系吧.');
}
else if (enter == 2)
{
parent.location.href = "823zh1.htm"
}
else if (enter == 3)
{
parent.location.href = "mailto:webmaster@cnnono-no.com"
}
else
{
alert('请一定选择一个数字!!!');
ask()
}


}
ask()
</script>

12、显示登陆时间

脚本说明:

把如下代码加入<body>区域中

<form name=forms> <font size=3><CENTER><div align=center><p></font><font color=red size=3>您在本站逗留了</font><font color=#80FF80><br> <input type=text name=input1 size=10></font></p></div></center></font><SCRIPT language=javascript><!--

var sec=0;var min=0;var hou=0;flag=0;idt=window.setTimeout("update();",1000);function update(){sec++;if(sec==60){sec=0;min+=1;}if(min==60){min=0;hou+=1;}if((min>0)&&(flag==0)){window.alert("您刚刚来了1分钟!可别急着走开,还有好多好东东等着您呢!--站长");flag=1;}

document.forms.input1.value=hou+"时"+min+"分"+sec+"秒";idt=window.setTimeout("update();",1000);}

//-->

</SCRIPT></form>



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  7楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 15:39:53 [只看该作者]

13、退出显示访问时间

脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT LANGUAGE="Javascript">
<!-- Begin
pageOpen = new Date();

function bye() {
pageClose = new Date();
minutes = (pageClose.getMinutes() - pageOpen.getMinutes());
seconds = (pageClose.getSeconds() - pageOpen.getSeconds());
time = (seconds + (minutes * 60));
if (time == 1) {
time = (time + " second");
}
else {
time = (time + " seconds");
}
alert('您在这儿呆了' + time + '.欢迎再来!');
}
// End -->
</SCRIPT>


第二步:把<body>区域改为
<body bgcolor="#fef4d9" onUnload="bye()">

14、距离某天时间

脚本说明:
把如下代码加入<body>区域中
<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>



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  8楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 15:44:43 [只看该作者]

15、Form中的时钟

脚本说明:
第一步:把如下代码加入<body>区域中
<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>区域改为
<body bgcolor="#fef4d9" onLoad="startclock();">

16、距离某日时间

脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript">
<!-- // (c) Henryk Gajewski
var urodz= new Date("6/1/2000");
var s="今天离六一儿童节";
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
document.write(""+s+"还有"+dni +"天")
else if (dni == 1)
document.write("只有2天啦!")
else if (dni == 0)
document.write("只有1天啦!")
else
document.write("好象已经过了哦!");
// -->
</script>



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  9楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 15:47:48 [只看该作者]

17、Form栏特全时钟

脚本说明:
第一步:把如下代码加入<body>区域中
<script language="JavaScript">
<!-- Hide
var timerID = null
var timerRunning = false
function MakeArray(size)
{
this.length = size;
for(var i = 1; i <= size; i++)
{
this[i] = "";
}
return this;
}
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false
}
function showtime () {
var now = new Date();
var year = now.getYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var day = now.getDay();
Day = new MakeArray(7);
Day[0]="星期天";
Day[1]="星期一";
Day[2]="星期二";
Day[3]="星期三";
Day[4]="星期四";
Day[5]="星期五";
Day[6]="星期六";
var timeValue = "";
timeValue += year + "年";
timeValue += ((month < 10) ? "0" : "") + month + "月";
timeValue += date + "日 ";
timeValue += (Day[day]) + " ";
timeValue += ((hours <= 12) ? hours : hours - 12);
timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
timeValue += (hours < 12) ? "上午" : "下午";
document.jsfrm.face.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true
}
function startclock () {
stopclock();
showtime()
}
//-->

</script>
<form name='jsfrm'>
<input type=text name='face' size=34 value=''>
</form>

第二步:把<body>中的内容改为:
<body bgcolor="#fef4d9" onLoad="startclock()">

18、全球时间表

脚本说明:
第一步:把如下代码加入<body>区域中
<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[i]; 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>区域改为
<body bgcolor="#fef4d9" OnLoad="timeCheck(timezone, 0)">



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部
帅哥哟,离线,有人找我吗?
荞麦
  10楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:坛主 帖子:7889 积分:39456 威望:0 精华:5 注册:2004-7-31 17:34:24
  发帖心情 Post By:2006-1-4 15:50:16 [只看该作者]

19、随时间变化提示

脚本说明:
把如下代码加入<body>区域中
<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>

20、特酷的倒影时钟

脚本说明:
第一步:把如下代码加入<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<head>区域中
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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>区域中
<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>改为
<body bgcolor="#fef4d9" onload="init()">



三更论坛交流群:11484137 三更有梦休闲群:30275742
荞麦的新浪博客:http://blog.sina.com.cn/qiaomai
有事请点这里与荞麦临时会话QQ留言
 回到顶部