书签分享收藏举报版权申诉 / 16

立即下载加入VIP,免费下载

当前位置：首页 > 成人教育 > 电大 > JavaScript特效千例.docx

JavaScript特效千例.docx

文档编号：11639988
上传时间：2023-03-29
格式：DOCX
页数：16
大小：19.37KB

JavaScript特效千例.docx

《JavaScript特效千例.docx》由会员分享，可在线阅读，更多相关《JavaScript特效千例.docx（16页珍藏版）》请在冰豆网上搜索。

JavaScript特效千例.docx

JavaScript特效千例

脚本说明：

第一步:

把如下代码加入区域中:

<spanid=liveclockstyle=position:

absolute;left:

250px;top:

122px;;width:

109px;height:

15px>

</span>（这里可以调整时钟的方位。

调用脚本时去掉括号中内容）

<SCRIPTlanguage=javascript>

<!

--

functionshow5（）{if（!

document.layers&&!

document.all）

return

varDigital=newDate（）

varhours=Digital.getHours（）

varminutes=Digital.getMinutes（）

varseconds=Digital.getSeconds（）

vardn="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

//changefontsizeheretoyourdesire

myclock="<fontsize='5'face='Arial'><b><fontsize='1'>CurrentTime:

</font></br>"+hours+":

"+minutes+":

"

+seconds+""+dn+"</b></font>"

if（document.layers）{document.layers.liveclock.document.write（myclock）

document.layers.liveclock.document.close（）

}elseif（document.all）

liveclock.innerHTML=myclock

setTimeout（"show5（）",1000）

}

//>

</SCRIPT>

第二步:

把中的内容改为

倒计时代码生成器

脚本说明:

第一步:

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

<SCRIPTlanguage=javascript>

<!

--

functiongenerate（form）{for（varq=0;q<12;q++）{if（document.me.m.options[document.me.m.selectedIndex].value==q）{varm2=q+1

}vartxt='<!

--分三步完成全部脚本:

\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<SCRIPTLANGUAGE="JavaScript">\r\n\r\n'

+'<!

--Begin\r\n'

+'varTemp2;\n'

+'vartimerID=null;\n'

+'vartimerRunning=false;\n'

+'functionarry（）{\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'

+'vardate=newarry（）;\n'

+'\n'

+'functionstopclock（）{\n'

+'if（timerRunning）\n'

+'clearTimeout（timerID）;\n'

+'timerRunning=false;\n'

+'}\n'

+'\n'

+'functionstartclock（）{\n'

+'stopclock（）;\n'

+'showtime（）;\n'

+'}\n'

+'\n'

+'functionshowtime（）{\n'

+'now=newDate（）;\n'

+'varCurMonth=now.getMonth（）;\n'

+'varCurDate=now.getDate（）;\n'

+'varCurYear=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'

+'varYearleft='+document.me.y.options[document.me.y.selectedIndex].value+'-CurYear;\n'

+'varMonthleft='+document.me.m.options[document.me.m.selectedIndex].value+'-CurMonth;\n'

+'varDateleft='+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'+'DYOnload="startclock（）">\r\n\r\n'

+'<!

--第三步：

将最后一部分代码加入BODY区-->\r\n\r\n'

+'<formname=dateform>距离'

+m2+'/'+document.me.d.options[document.me.d.selectedIndex].value+'/'

+document.me.y.options[document.me.y.selectedIndex].value

+'还有\n'

+'<inputtype=textname=asize=2value="">年\n'

+'<inputtype=textname=bsize=2value="">月\n'

+'<inputtype=textname=csize=2value="">天\n'

+'</fo'+'rm>\r\n\r\n'

+'<'+'!

--代码长度:

1.95KB--'+'>'

;}document.mail.source.value=txt;document.mail.source2.value=txt;}

//-->

</SCRIPT>

第二步:

把如下代码加入区域中：

<tableborder=5bordercolor=blackborderlight=green>

<tr><tdalign=center><fontsize=5color=redface="Arial,Helvetica,sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>

<tr><tdalign=center><formname=me><p><selectname=msize=1><optionvalue=0>January</option><optionvalue=1>February</option><optionvalue=2>March</option><optionvalue=3>April</option><optionvalue=4>May</option><optionvalue=5>June</option><optionvalue=6>July</option><optionvalue=7>August</option><optionvalue=8>September</option><optionvalue=9>October</option><optionvalue=10>November</option><optionvalue=11>December</option></select><selectname=dsize=1><optionvalue=1>1</option><optionvalue=2>2</option><optionvalue=3>3</option><optionvalue=4>4</option><optionvalue=5>5</option><optionvalue=6>6</option><optionvalue=7>7</option><optionvalue=8>8</option><optionvalue=9>9</option><optionvalue=10>10</option><optionvalue=11>11</option><optionvalue=12>12</option><optionvalue=13>13</option><optionvalue=14>14</option><optionvalue=15>15</option><optionvalue=16>16</option><optionvalue=17>17</option><optionvalue=18>18</option><optionvalue=19>19</option><optionvalue=20>20</option><optionvalue=21>21</option><optionvalue=22>22</option><optionvalue=23>23</option><optionvalue=24>24</option><optionvalue=25>25</option><optionvalue=26>26</option><optionvalue=27>27</option><optionvalue=28>28</option><optionvalue=29>29</option><optionvalue=30>30</option><optionvalue=31>31</option></select><selectname=ysize=1><optionvalue=1999>1999</option><optionvalue=2000>2000</option><optionvalue=2001>2001</option><optionvalue=2002>2002</option><optionvalue=2003>2003</option><optionvalue=2004>2004</option><optionvalue=2005>2005</option><optionvalue=2006>2006</option><optionvalue=2007>2007</option><optionvalue=2008>2008</option><optionvalue=2009>2009</option></select><br><inputtype=buttononclick=generate（）value=生成代码class=yk9><inputtype=buttonvalue=返回onClick=history.go（-1）name=buttonclass=yk9><p></p></form><formname=mail><inputtype=hiddenname=scriptnamevalue="CountdownCreator"><inputtype=hiddenname=source2value><tablebgcolor=dedfdfborder=1cellpadding=1width=396><tr><tdalign=centerheight=218><textareaname=sourcerows=12cols=55class=yk9></textarea><br><br></td><td>　</td></tr></table></form></td></tr></table>

八种风格的时间日期

脚本说明:

第一步:

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

<SCRIPTlanguage=javascriptauthor=luxiaoqing><!

--

functioninitArray（）{for（i=0;i<initArray.arguments.length;i++）

this[i]=initArray.arguments[i];}varisnMonths=newinitArray（"1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"）;varisnDays=newinitArray（"星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"）;today=newDate（）;hrs=today.getHours（）;min=today.getMinutes（）;sec=today.getSeconds（）;clckh=""+（（hrs>12）?

hrs-12:

hrs）;

clckm=（（min<10）?

"0":

""）+min;clcks=（（sec<10）?

"0":

""）+sec;clck=（hrs>=12）?

"下午":

"上午";varstnr="";varns="0123456789";vara="";

//-->

</SCRIPT>

第二步:

把如下代码加入区域中

<SCRIPTlanguage=javascript><!

--

functiongetFullYear（d）{//disadateobject

yr=d.getYear（）;if（yr<1000）

yr+=1900;returnyr;}document.write（"<tablewidth=486>"）;//don'tdeletethisline

/*每一段代表一种风格,不需要的删除即可*/

document.write（"<TR><TDVALIGN=TOP><P>风格一<P></TD><TDVALIGN=TOP>"+isnDays[today.getDay（）]

+","+isnMonths[today.getMonth（）]+""+today.getDate（）+"日,"

+getFullYear（today）+"年<P>"）;document.write（"<TR><TDVALIGN=TOP>风格二<P></TD><TDVALIGN=TOP>"+clckh+":

"+clckm

+":

"+clcks+""+clck+"<P></TD></TR>"）;document.write（"<TR><TDVALIGN=TOP>风格三<P></TD><TDVALIGN=TOP>"

+isnDays[today.getDay（）]+","+isnMonths[today.getMonth（）]+""

+today.getDate（）+"日,"+getFullYear（today）+"年"+clckh+":

"+clckm+":

"

+clcks+""+clck+"<P></TD></TR>"）;document.write（"<TR><TDVALIGN=TOP>风格四<P></TD><TDVALIGN=TOP>"

+（today.getMonth（）+1）+"/"+today.getDate（）+"/"

+（getFullYear（today）+""）.substring（2,4）+"<P></TD></TR>"）;document.write（"<TR><TDVALIGN=TOP>风格五:

<P></TD><TDVALIGN=TOP>"+hrs+":

"+clckm+":

"+clcks+"<P></TD></TR>"）;document.write（"<TR><TDVALIGN=TOP>风格六:

<P></TD><TD>"+today+"<P></TD></TR>"）;document.write（"<TR><TDVALIGN=TOP>风格七<P></TD><TD>"+navigator.appName+"<P></TD></TR>"）;document.write（"<TR><TDVALIGN=TOP>风格八:

<P></TD><TDVALIGN=TOP>"+navigator.appVersion+"<P></TD></TR>"）;document.write（"</table>"）;//don'tdeletethisline

//-->

</SCRIPT>

显示登陆时间

脚本说明:

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

<formname=forms><fontsize=3><CENTER><divalign=center><p></font><fontcolor=redsize=3>您在本站逗留了</font><fontcolor=#80FF80><br><inputtype=textname=input1size=10></font></p>&l