Web课程设计报告1221149刘成启Word下载.docx

Web课程设计报告1221149刘成启Word下载.docx

《Web课程设计报告1221149刘成启Word下载.docx》由会员分享，可在线阅读，更多相关《Web课程设计报告1221149刘成启Word下载.docx（14页珍藏版）》请在冰豆网上搜索。

四强成员及分组成员介绍

三、网站页面

。

~~

4、网站功能介绍:

1、首页相关代码

<

styletype="

text/css"

>

!

--

body{

background-image:

url（中国好声音jpg/131951993.jpg）;

margin-left:

100px;

}

.style1{

color:

#FF00FF;

font-weight:

bold;

font-size:

50px;

.style2{

.style3{color:

#FF00FF}

-->

/style>

scriptlanguage="

JavaScript"

type="

text/JavaScript"

functionMM_swapImgRestore（）{//v3.0

vari,x,a=document.MM_sr;

for（i=0;

a&

&

i<

a.length&

（x=a[i]）&

x.oSrc;

i++）x.src=x.oSrc;

functionMM_preloadImages（）{//v3.0

vard=document;

if（d.images）{if（!

d.MM_p）d.MM_p=newArray（）;

vari,j=d.MM_p.length,a=MM_preloadImages.arguments;

i<

a.length;

i++）

if（a[i].indexOf（"

#"

）!

=0）{d.MM_p[j]=newImage;

d.MM_p[j++].src=a[i];

}}

functionMM_findObj（n,d）{//v4.01

varp,i,x;

if（!

d）d=document;

if（（p=n.indexOf（"

?

"

））>

0&

parent.frames.length）{

d=parent.frames[n.substring（p+1）].document;

n=n.substring（0,p）;

（x=d[n]）&

d.all）x=d.all[n];

for（i=0;

x&

d.forms.length;

i++）x=d.forms[i][n];

d.layers&

d.layers.length;

i++）x=MM_findObj（n,d.layers[i].document）;

x&

d.getElementById）x=d.getElementById（n）;

returnx;

functionMM_swapImage（）{//v3.0

vari,j=0,x,a=MM_swapImage.arguments;

document.MM_sr=newArray;

（a.length-2）;

i+=3）

if（（x=MM_findObj（a[i]））!

=null）{document.MM_sr[j++]=x;

x.oSrc）x.oSrc=x.src;

x.src=a[i+2];

//-->

/script>

bodyonLoad="

MM_preloadImages（'

中国好声音jpg/2.jpg'

'

中国好声音jpg/y.jpg'

中国好声音jpg/u.jpg'

中国好声音jpg/w.jpg'

中国好声音jpg/p.jpg'

）;

中国好声音jpg/i.jpg'

中国好声音jpg/f.jpg'

中国好声音jpg/g.jpg'

中国好声音jpg/s.jpg'

中国好声音jpg/logo.jpg'

中国好声音jpg/m.jpg'

中国好声音jpg/q.jpg'

）"

bgsoundsrc="

中国好声音开场音效.mp3"

;

palign="

center"

ahref="

#22235;

#22823;

#23548;

#24072;

.html"

onMouseOut="

MM_swapImgRestore（）"

onMouseOver="

MM_swapImage（'

Image1'

'

#20013;

#22269;

#22909;

#22768;

#38899;

jpg/2.jpg'

1）"

imgsrc="

jpg/&

.jpg"

name="

Image1"

width="

275"

height="

166"

border="

0"

/a>

<

spanclass="

style1"

ThevoiceofChina<

Image6'

jpg/logo.jpg'

jpg/u=929038161,4075619445&

fm=2&

gp=0.jpg"

Image6"

272"

164"

/span>

/p>

left"

#23398;

#21592;

Image2'

jpg/i.jpg'

jpg/c.jpg"

Image2"

210"

349"

Image3'

jpg/f.jpg'

jpg/e.jpg"

Image3"

350"

Image4'

jpg/g.jpg'

jpg/o.jpg"

Image4"

Image5'

jpg/s.jpg'

jpg/x.jpg"

Image5"

Image7'

jpg/m.jpg'

jpg/b.jpg"

Image7"

Image8'

jpg/q.jpg'

jpg/j.jpg"

Image8"

Image9'

jpg/y.jpg'

jpg/t.jpg"

Image9"

学员.html"

Image10'

中国好声音jpg/n.jpg"

Image10"

Image11'

中国好声音jpg/r.jpg"

Image11"

Image12'

中国好声音jpg/aa0.jpg"

Image12"

class="

style2"

#31881;

#19997;

#35843;

#26597;

#34920;

style3"

#25253;

#36947;

2、导师页相关代码

DOCTYPEhtmlPUBLIC"

-//W3C//DTDXHTML1.0Transitional//EN"

"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

htmlxmlns="

//www.w3.org/1999/xhtml"

head>

metahttp-equiv="

Content-Type"

content="

text/html;

charset=gb2312"

/>

title>

无标题文档<

/title>

body,td,th{

#000099;

url（中国好声音jpg/四大导师.jpg）;

background-repeat:

repeat;

.STYLE1{

.STYLE2{color:

#0033FF}

.style5{color:

scripttype="

/head>

bodyonload="

中国好声音jpg/h.jpg'

中国好声音jpg/u=3285294140,81472302&

amp;

fm=23&

gp=0.jpg'

中国好声音jpg/4.jpg'

jpg/6.jpg'

征服.mp3"

divalign="

STYLE1"

p>

四大导师<

STYLE2"

刘欢组.html"

onmouseout="

onmouseover="

中国好声音jpg/刘欢.jpg"

247"

id="

杨坤组.html"

中国好声音jpg/杨坤.jpg"

250"

那英组.html"

jpg/u=3878867033,1577571024&

庾澄庆组.html"

中国好声音jpg/庾澄庆.jpg"

preclass="

style5"

align="

刘欢<

杨坤<

那英<

庾澄庆<

/pre>

/div>

/body>

/html>

3、学员页相关代码

.style5