学校网站设计图及主页代码.docx

学校网站设计图及主页代码.docx

《学校网站设计图及主页代码.docx》由会员分享，可在线阅读，更多相关《学校网站设计图及主页代码.docx（9页珍藏版）》请在冰豆网上搜索。

学校网站设计图及主页代码

DOCTYPEhtmlPUBLIC〃-//W3C//DTDXHTML1.0Transitional//ENz，，，/z>

0.3.2.jsz，X/script>

//直接切换效果

//Spic（"picChange"）・picChange（）;

//淡出效果

Spic（"picChange"）・picChange（{changeStyle:

"fade",time:

250,interTime:

5000}）;

//向上移出效果

//Spic（"picChange"）・picChange（{changestyle:

"move",time:

250,direction：

up））;

//向上联动效果

//Spic（"picChange"）・picChange（{changeStyle:

"wheel",time:

250,directi

〃以下为页面测试函数，并非picChange的使用方法，使用方法如上

functionfunc（）{

〃恢复html代码原状

varmy_time=document・getElement）.value;

varmy_changeStyle=document・getElementByld（"changeStyle"）・value;

varmy_direction=document・getElementByld（"direction〃）.value;

varmy_isClick=document.getElementByld（"isclick"）・checked;

varmy_intertime=document.getElementById（z/intertimez/）.value;

//alert（my_time+〃〃+my_changeStyle+""+my_direction+""+my_isClick）;

Spic（"picChange“）.picChange（{

changeStyle:

my_changeStyle,

time:

my_time,

direction:

my_direction,

isClick:

my_isClick,

interTime:

my_intertime

}）；

vartmplmg=

document・getElementByld（，zpicChange，z）・getElementsByTagName（，zimg，z）;

vartmpLength=tmplmg・length;

for（varn=0;n

{

tmplmg[n]・style.top=

tmplmg[n]・style.1eft=

setAlpha（tmplmg[n],100）;

if（n—0）

tmplmg[n]・style.display="block";

else

tmplmg[n]・style.display=

}

varshowText二"改变成功！

当前模式：

"；

if（my_changeStyle=="move"my_changeStyle=="wheel"）

{

showText+二〃向

，z+document・getElementByld（''direction〃）・options[document・getElementByldCdirection"）・selectedlndex]・text+document・getElementByld（z/changeStylez，）・options[document・getElementByld（''changeStyle^）・selectedlndex]・text;

showText+二"，〃+my_time+"毫秒，每隔〃+my_intertime/1000+"秒切换。

"；

}

elseif（my_changeStyle=="fade"）

{

showText+二

document・getElementByld（，zchangeStyle，z）・options[document・getElementByldCchangeStylez/）・selectedlndex]・text:

showText+=“，"+my_time+"毫秒，每隔"+my_intertime/1000+"秒切换。

"；

}

else

{

showText+=

document・getElementByld（，zchangeStylez/）・options[document・getElementByldCchangeStyle，z）・selectedlndex]・text;

}

document・getElementByld（"show"）.innerHTML=showText;