JavaScript时间类的网页特效(页 1) - 网页制作(特区) - 中国Flash技术中心--技术论坛 Flashtc

中国Flash技术中心--技术论坛 » 网页制作(特区) » JavaScript时间类的网页特效

2007-4-9 13:34 蓝冰心缘

JavaScript时间类的网页特效

[quote]朋友聚赌，你输了 [color=Red]10[/color] 论坛币，魅力值减 [color=Red]1[/color] ！

　　　机遇随时出现下次继续努力哦！……[/quote]
倒计时代码



[code]

<HEAD>

<SCRIPT LANGUAGE="JavaScript">


</script>
</HEAD>
[/code]

[code]

<BODY Onload="startclock()">
[/code]


[code]
<form name=dateform>距离1/1/1999还有
<input type=text name=a size=2 value="">年
<input type=text name=b size=2 value="">月
<input type=text name=c size=2 value="">天
</form>
[/code]


[[i] 本帖最后由蓝冰心缘于 2007-4-9 15:19 编辑 [/i]]

2007-4-9 13:37 蓝冰心缘

八种风格的时间日期

[quote]你中了彩票特等奖，获得奖金 [color=Red]15[/color] 论坛币！

　　　机遇随时出现下次继续努力哦！……[/quote]脚本说明:
第一步:把如下代码加入<head>区域中
[code]
<SCRIPT language=javascript author=luxiaoqing>

</SCRIPT>
[/code]

第二步:把如下代码加入区域中
[code]
<SCRIPT language=javascript>

</SCRIPT>
[/code]

2007-4-9 13:38 蓝冰心缘

显示登陆时间

[quote]你在街头拐角捡到 [color=Red]7[/color] 论坛币，收入了你的口袋，魅力值减 [color=Red]3[/color] ！

　　　机遇随时出现下次继续努力哦！……[/quote]脚本说明:

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

<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>

</SCRIPT></form>

[/code]

[color=Blue]日历生成器[/color]
脚本说明：
第一步:把如下代码加入<head>区域中:
[code]

  <SCRIPT LANGUAGE="JavaScript">

</script>
[/code]
第二步:把如下代码加入<body>区域中:
[code]
<script language="JavaScript" for=window event=onload>

</script>

<form name="frmCalendarSample" method="post" action="">
<input type="hidden" name="calSelectedDate" value="">

<table border="1">
<tr>
<td>
<select name="tbSelMonth" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>

<select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value="1998">1998</option>
<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>
</select>
</td>
</tr>
<tr>
<td>
<script language="JavaScript">
var dCurDate = new Date();
fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 30, "12px", "bold", 1);
</script>
</td>
</tr>
</table>
</form>
[/code]

[[i] 本帖最后由蓝冰心缘于 2007-4-9 13:42 编辑 [/i]]

2007-4-9 13:47 超越

挖好豐富哦 ^_^ 我頂我頂...~~~~~~~~~/:en! /:en! /:en!

2007-4-9 13:52 蓝冰心缘

距离某天时间

[quote]做生意不得门路，亏了 [color=Red]5%[/color] 的本钱！

　　　机遇随时出现下次继续努力哦！……[/quote]脚本说明:
把如下代码加入<body>区域中
[code]

<SCRIPT language=javascript>
</SCRIPT><SCRIPT language=javascript>
</SCRIPT>
[/code]

[color=Blue]特酷的倒影时钟[/color]
脚本说明:
第一步:把如下代码加入<head>区域中
[code]

<head>
<style>
.time { font-size: 12pt; line-height: 14pt; color:red;}
</style>
<SCRIPT language=JavaScript>

</SCRIPT>
[/code]

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

<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>

[/code]
第三步:把<body>改为
[code]
<body  onload="init()">

[/code]

[color=Blue]全中文日期显示[/color]
脚本说明：
把如下代码加入<body>区域中:
[code]

<script language="JavaScript">
function number(index1){
var numberstring="一二三四五六七八九十";
  if(index1 ==0) {document.write("十")}
  if(index1 < 10){
document.write(numberstring.substring(0+(index1-1),index1))}
  else if(index1 < 20 ){
document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}
  else if(index1 < 30 ){
document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}
  else{
document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}
  }

var today1 = new Date()
var month = today1.getMonth()+1
var date = today1.getDate()
var day = today1.getDay()

document.write("公元二零零零年")
number(month)
document.write("月")
number(date)
document.write("日")
</script>

[/code]
[color=Blue]全球时间表[/color]
脚本说明:
第一步：把如下代码加入<body>区域中
[code]
<script language="JavaScript">

</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>

[/code]
第二步：把<body>区域改为
[code]
<body  OnLoad="timeCheck(timezone, 0)">
[/code]

2007-4-9 13:56 蓝冰心缘

希望大家多多发帖/:xiexie

2007-4-9 20:33 超越

頂一個吧 ^_^ ^_^/:wobu /:haha3 /:haha3 /:haha3

2007-4-14 10:25 小小兮

[quote]你中了彩票一等奖，获得奖金 [color=Red]11[/color] 论坛币！

　　　机遇随时出现下次继续努力哦！……[/quote]好丰富的时间啊
嘿嘿
收——

2007-11-8 21:37 ps.勇

/:cunfu /:cunfu /:cunfu /:cunfu /:cunfu /:cunfu

2008-6-4 09:51 iamhrh2

先顶，再慢慢研究

2008-6-4 09:52 iamhrh2

JavaScript时间类的网页特效

先顶，再慢慢研究

2008-6-15 15:12 旭日东升

哇…… 好多哦！复制一下学习学习

2008-11-3 15:45 jkw0830

北京企业网站推广方法

[quote]流年不利！货币竟然会贬值，你的财产贬了 [color=Red]6%[/color] ！

　　　机遇随时出现下次继续努力哦！……[/quote]北京企业网站推广方法
北京企业网站推广方法是网络营销的主要内容，[url=http://www.jingke.org/bjqywztgff.htm][b]北京企业网站推广方法[/b][/url]其重要性不言而喻，[url=http://www.jingke.org/bjqywztgff.htm][b]北京企业网站推广[/b][/url]有效的网站推广既需要网络营销一般策略的指导，[url=http://www.jingke.org/bjqywztgff.htm][b]企业网站推广[/b][/url]更需要有效的网站推广方法，[url=http://www.jingke.org/bjqywztgff.htm][b]企业网站推广[/b][/url]网站推广方法正确与否在很大程度上决定了网络营销的效果。[url=http://www.jingke.org/bjqywztgff.htm][b]企业网站推广[/b][/url]因此，研究和从事网络营销，不能不关注网站推广。

2008-11-27 16:09 ak3738

[quote]参加中国Flash技术中心--技术论坛星座之城旅行，消费了旅行费 [color=Red]13[/color] 论坛币！

　　　机遇随时出现下次继续努力哦！……[/quote]好像不错,只是我不懂这些代码什么的,

页: [1]

查看完整版本: JavaScript时间类的网页特效