校园信息交流网站的建设

毕

业

论

文

的建设

流网站

信息交

目校园

题

校园信息交流网站建设

摘要：本文围绕网站的项目分析、网站构思、整体设计、效果图设计、页面生成、数据库设计、

运用程序设计、网站的测试、发布、推广各个重要环节，运用数据库与ASP整合的开发技术，实

现了网站动态菜单、信息更新、后台登录、在线留言、站内调查等动态网页的交互功能。对网站

设计进行分析和讨论，阐述了开发一个网站的全过程，并提出网站设计的新思想。在网站设计中

既要讲求视觉界面上的艺术美感，用户操作过程中的简单易用，又要注重计算机网络方面的程

序控制。只有做到设计艺术、人机工学与计算机技术的完美结合，才能开发出特色鲜明、具有一

定文化内涵和艺术品位的网站。

关键词：网页设计ASP技术网站开发

Exchangeofinformationoncampusconstructionsites

BaiChaoJian

(YunnanPoliceOfficerAcademyofComputerScienceandTechnology,2005,

Kunming,Yunnan,650223)

Abstract.Tject.aroun.th.sit.analysis.sit.concept.th.overal.design.th.effec.o.

gramming.we.sit.testing.releas

iiiotio.o.variou.iniportan.aspect.o.th.us.o..databas.wit.AS.egratio.t.a

chiev..Dynami.Mrmatio.updates.backgroun.registry.onlin.messages.sit.

cractiv.feature.dynami.pagcs.Sit.dcsig.analysi.an.discussio.o.th.dev

ces.o..We.sit.an.sit.desig.o.th.ne.idea.pu.forward.We.sit.desig.i.i.

ces.o.easy-to-use.

work.Onl.b.succeedin.i.th.desig.o.art.

pute.technolog.i.orde.t.develo.dis

tinctiv.characteristics..certai.cultura.conten.an.artisti.qualit.o.th.site.

Keywords:webdesignASPtechnologywebsitedevelopment

毕业设计（论文）原创性声明和使用授权说明

原创性声明

本人郑重承诺：所呈交的毕业设计（论文），是我个人在指导教师

的指导下进行的研究工作及取得的成果。尽我所知，除文中特别加以标

注和致谢的地方外，不包含其他人或组织已经发表或公布过的研究成果,

也不包含我为获得及其它教育机构的学位或学历而使用过的

材料。对本研究提供过帮助和做出过贡献的个人或集体，均已在文中作

了明确的说明并表示了谢意。

作者签名：日期：

指导教师签名：日期：

使用授权说明

本人完全了解XX大学关于收集、保存、使用毕业设计（论文）的规定，即：

按照学校要求提交毕业设计（论文）的印刷本和电子版本；学校有权保

存毕业设计（论文）的印刷本和电子版，并提供目录检索与阅览服务；

学校可以采用影印、缩印、数字化或其它复制手段保存论文；在不以赢

利为目的前提下，学校可以公布论文的部分或全部内容。

作者签名:日期:

目录

1引言1

2网站构思1

2.1设计定位1

2.2网站策划分析1

2.3栏目策划1

2.4功能设置1

2.5网站布局2

2.6开发工具的选用及介绍3

2.6.1PhotoshopCS2简介3

2.6.2Dreamweaver8.0简介3

2.6.3Flash8.0简介3

2.6.4MicrosoftOfficeAccess软件简介4

2.7构建开发环境4

2.7.1安装HS服务器组建4

2.7.2西已置ASP+Access开发环境4

2.7.3在Dreamweaver8中建立网站测试站点5

3网站界面美工设计5

3.1网站元素设计5

3.2网站的界面设廿6

4数据库设计8

5ASP运用程序设计11

5.1连接数据库程序设计11

5.2动态菜单设计11

5.3前台显示程序设计12

5.3.1网站首页程序设计12

5.3.2信息标题页程序设计13

5.3.3信息显示页程序设计15

5.4留言板块程序设计16

5.4.1签写留言程序设计16

5.4.2查看程序设计17

5.5后台管理系统程序设计18

5.5.1用户登陪管理程序设计19

5.5.2用户管理程序设计：21

5.5.3菜单管理程序设计21

5.5.4综合信息管理程序设计23

5.5.5留言管理程序设计24

5.5.6调查管理程序设计25

6网站测试26

6.1运用程序测试26

6.2浏览器兼容性测试26

7网站的发布推广27

7.1网站的发布27

7.1.1购买服务器27

7.1.2申请域名27

7.2网站的推广27

7.2.1代码优化28

7.2.2搜索引擎推广28

7.2.3CNNIC通用网址注册28

8总结29

主要参考文献30

第1章引言

1引言

随着网络技术的发展，因特网已渐渐成为人们生活中不可或缺的一部分。因特网正逐步改变

全球的通讯方式，并成为继印刷媒介（报纸、书刊、杂志等）、广播、电视后的第四传媒。这也

向设计工作者提出了一个全新的课题。一个崭新的、前景无限的设计领域一一网页设计顺势而生,

并飞速发展着。这不仅给很多企业带来了商机，也给很多设计公司带来了发展空间，更给每一个

网页设计者提供了一个多彩的舞台。网页不仅拥有传统媒体的特点，同时又超越了传统媒体，具

有传播更为直接、省力、有效的优点。

学校信息网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的

发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；学校网站是学校

对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，学

校网站建设的目的是促进师生与学校共同发展。

2如今网络的高速发展，及教育体制改革的深入，通过网络自主

学习与搜集信息，已经成为每个人所必须做的事情。特别是计算

机知识，因其自身知识更新快的特点，通过信息网站进行自主

学习无疑是最佳的选择。

第I页共28页

第3章

3

4网站构思

4.1设计定位

4.2综合国内外优秀网站的特点，界面简洁、美观，采用CSS标准构

建网站，并融入FLASH动画元素，实现设计艺术与网络技术的完美结

合。

4.3校园信息网的建设是为了加大学校对外交流与宣传力度，提高教

学、科研、管理效率的重要途径；同时加强对校外联系，互相学习，促

进师生与学校共同发展。

4.4网站策划分析

网站采用居中的形式，并把所有页面都分为头部一中部一底部三部分组成，其中头部和底

部都是调用页面top.asp和but.asp形式。

前台建立首页，信息标题页，信息显示页，其中信息标题页与信息显示页通过动态菜单循

环调用；首页不但显示相关重要信息，还有变化图片，滚动图片，网站调直，友情链接等设计。

留言板块建立鉴写留言，查看留言。

后台管理系统主要建立菜单管理、综合信息管理、调查管理、留言管理和用户管理功能。

4.5网站的设计选用动中有静、静中有动的设计风格，同时把导航嵌

入到图片与Flash动画之中，更加突出网站的吸引力。

4.6栏目策划

为了增加网站的可互动性，网站栏目采用动态菜单：菜单分为一级菜单和二级菜单，分别储存于

数据库的yikind表和erking表，通过程序调用于网站头部，并在后台建立管理模块，可根据用户

自己的需要自定义菜单，并且随时可以更改、添加、删除等。

4.7功能设置

第1页共28页

第4章网站构思

整个网站的功能结构主要有数据库、后台管理系统'前台显示模块三部分组成，功能模块结构图如2-1

所示。

一

£后

理

系

统

图2-1网站功能结构

数据库：该数据库采用MicrosoftOfficeAccess软件建立，以自设计数据库来存储网站所

用相关信息。

4.8网站前台：导航应该层次清晰，简单直白，让浏览者轻松找到想

要的东西，使网站的浏览过程轻松愉快。留言系统应该做到方便留言、

方便查看，还要加入回复留言功能，以提高留言者之间的互动性。调查

内容要有一定的意义。

4.9后台管理：要注重实用性，要能通过后台系统管理网站上的内容。

管理的操作流程要通俗易懂，让没有专业基础的人也可以使用。

4.10网站布局

网站结构和布局要做到条理清晰。首页要和其他文件分开放置。网站中的所有元素，包括图片、文字、

声音和Flash动画等，应该分门别类放置到各个文件夹。

在整个网站布局中，建立十个文件夹，分别以“Admin、CSS、Data、dongimg、GuestbookxImg、

NewsFocuSvScriptsvTemplatesvVote、Websn命名，并把网站的所有文件分门别类的放到相应文

件夹里面。这十个文件夹类别依次为：后台系统文件、样式表文件、数据库文件、滚动图片文件、留

言板文件、图片多媒体文件,变化特效文件、JS代码文件、调查文件、网站前台页面文件。网站结构

如图2-2、2-3所示,

第2页共28页

第4章网站构思

图2-2网站的文件布局

4.11开发工具的选用及介绍

“工欲善其事，必先利其器:善于利用开发工具才能达到事半功倍的效果。本设计选用

DreamweaverxFlash和Photoshop作为开发工具。并做如下分工：Photoshop负责

网站的风格设计，包括页面以及页面中所需的各种元素的制作；Dreamweaver利用

Photoshop制作的版面及元素进行网页的生成；Flash负责网站上所有的Flash动画

设计。

2.6.1PhotoshopCS2简介

AdobePhotoshop是由美国Adobe公司开发的一套集图像制作、编辑修改、广告创意'图

像合成、图像瑜入/输出于一体的专业图形处理软件。AdobePhotoshop在电脑美术

的二维平面领域里，是最具代表性的软件。运用AdobePhotoshop,可以随心所欲的

设计色彩丰富.形式多样的网页，配合AdobePhotoshop的捆绑软件AdobeImage

Ready,可以制作完美的网页界面、翻转按钮、Banner动画等。因此，运用它进行网

页设计，将会达到事半功倍的效果。

2.6.2Dreamv/eaver8.0简介

Dreamweaver是Macromedia公司推出的一款所见即所得的网页编辑工具（现被Adobe公司

收购）。Dreamweaver采用的是苹果机浮动面版的设计风格，具有超强的直观性与高

效性。Dreamweaver对于动态网站的支持特别全面，可以轻而易举地实现很多眩目的

互动页面特效。插件式的程序设计使得其功能可以无限的扩展。因此，说

Dreamweaver是高级网页制作的首选并不为过。Dreamv/eaver最新的版本为：Adobe

Dreamweaver8.0。AdobeDreamweaver8.0不但在静态网页制作中有极大的优势，还

支持网站的统筹管理、ASP（网站程序开发语言）、JSP（网站程序开发语言）等程序

的编写与调试。

2.6.3Flash8.0简介

第3页共28页

第4章网站构思

Flash是一款非常优秀的多媒体制作软件，利用Flash可以做出很出色的卡通动漫、MTV（音

乐电视）短片等。当然，还有一个很值得Flash炫耀的就是运用Flash制作的动感

网站。现在网络已经涌现出不计其数的Flash站点。比较著名的如韩国的Flash动

感网站，几乎全部采用了Flash和Director（多媒体程序）。在韩国的网站设计界，

由于拥有足够的带宽和出色的Flash动画制作技术，使得很多制作精美、绚丽动感

的Flash网站在网络世界里脱颖而出，成为众人喜爱和模仿的对象。可以说Flash

已经渐渐成为交互式矢量的标准，是未来网页的一大主流。

2.6.4MicrosoftOfficeAccess软件简介

4.12MicrosoftOfficeAccess软件是办公软件自带的一款简单方便

的数据库开发软件，利用MicrosoftOfficeAccess开发的数据库使用

起来非常方便，在没有安装办公软件的服务器上也可以使用，是普通

网站数据库的最佳选择。

4.13构建开发环境

ASP动态网站的开发环境为：WindowsXP/NT/2000/Vista（操作系统）+1IS5.0/6.0/7.0

（服务器组建）+Access（数据库）。在网站设计开始前，要安装IIS（Internet

InformationServer的缩写）互联网信息服务器，构建网站的开发环境。

2.7.1安装IIS服务器组建

本网站是在WindowsVista系统下进行开发的。WindowsVista系统中包含有IIS最新版

本一IIS7,但默认是不安装的。所以安装完WindowsVista系统之后要重新安装

HSo安装的步骤为：开始T控制面板T程序T打开或关闭Windows功能。勾选

“Internet信息服务”选项，确定。

2.7.2配置ASP+Access开发环境

HS7安装完成后，还需要配置ASP+Access开发环境。配置ASP+Access开发环境有两个步

骤：设置应用程序池默认值和Temp（文件）目录安全性。

应用程序池默认值的设置步骤如下：开始一控制面板一管理工具一Internet信息服务管理器,

打开设置选项卡。

选择左边的“DefaultWebSite”，打开“基本设置”对话框。把应用程序池设置为

"Classic.NETAppPool”（默认是“DefaultAppPool"）。

设置Temp目录安全性的步骤如下：打开“C:\Windows\ServiceProfiles\Network

第4页共28页

第5章网站界面美工设计

Service\AppData\LccaI\Tempn目录。右键打开“Temp”目录属性选项卡，再依次打开安

全T编辑选项卡。单击“添加”，在下面的“输入对象名称来选择”输入框中输入

AuthenticatedUsers,确定。返回到“Temp的权限”，将AuthenticatedUsers

的权限中的完全控制给勾上，确定。

至此，完成了WindowsVista中IIS7的安装及ASP+Access的配置。

2.7.3在DrcamwcavcrS中建立网站测试站点

启动Dreamweaver8,然后依次选择主菜单中的“站点”、“新建站点”命令，打开站点定义

设置窗口，输入站点名；单击下一步，进入服务器技术选举窗口，这里选择ASPVBScript服务

器技术，单击下一步，选择本地编辑和测试，并选择站点存储位置；单击下一步，输入测试URL

的地址，单击测试，显示测试成功：单击下一步下一步至完成。

5网站界面美工设计

5.1网站元素设计

网站元素设计包括网页背景,网站LOGO（标志）以及网页中出现的教学大楼、国徽、学生等，还有

FLASH中用到的各种元素。网站LOGO以“一张主题图片”作为设计元素，如图3-1所示的最终效

果图。

信昊网双司

如期/a以Aads.

图3-1网站LOGO效果图

除了网站LOGO,还有网页中用到的教学大楼、国徽、学生、卡通人物等元素需要设计。这些元素的

设计要保留透明背景的源文件，以便在网页和FLASH的设计中用到。网站元素的最终效果图如图3-2

所示。

第5页共28页

第5章网站界面美工设计

图3-2网站元素效果图

5.2网站的界面设计

本网站所有前台和留言页面采用“头部导航-内容-版权”三部分组成，模版如图3-3所示:

标题+导航（top.asp文件）

内容（相关功能文件）

版权信息（bul.asp文彳上）

图3-3网站模板效果图

其中top.asp文件以简单的一个表格实现标题图片和flish的定位，以及动态菜单链接的实

现；而but.asp文件也仅仅使用一个表格定位版权信息；在主文件中代码标识body首部以

<!-#includefile=*top.asp”―>的方式引用top.asp文件内容，同理在代码标识body尾部以

<!—^includefile="but.asp”一>的方式引用but.asp文件。网站所有前台和留言页面采用此结

构，这样第一可以保持网站外观的统一，第二在需要增减导航、版权信息时仅仅需要修改一个文

件。

top.asp效果图如3-4所示

第6页共28页

第5章网站界面美工设计

图3-4网站top.asp效果图

but.asp效果图如3-5所示

后台登学

图3-5网站but.asp效果图

界面设计主要是运用Dreamweaver软件，按照网站构思和风格，把上面已经设计好的网站元素进行

组合设计，构成最终的网站的平面效果图。效果图的设计要注意整体性和协调性。如图3-6所示。

第7页共28页

第6章数据库设计

云^奉宕学良信府网港

物n如n>phce的认印,念—0.

♦本院苫而♦院警介绍♦工整信息♦校EH活♦«!构设15♦或猛制度♦计划总造♦联务指南♦政策法戏♦下《1中心

J坚菽奉就

1★欢迎光安云南省云南警1［学院（B•网★★★今天是；式）09年5月11日星期一

.广发华城言方多国上的

■处¥慎整，风格的RI格

mpscveb4163.co>★★★徐烈佚祝（后劲

叼和处长愎修：,处）云南誓…

.★★★!«迎访问（后勤

mpscwebW26.cca处）云京密…

•网站开通！

关于表彩“优法文明版

务月”活动…

后勤处“文明优质米将

月”活动…

后勤处来取措施加强食4

云南7段快逐«*M*

章爱理工作•后勘处政治学习制度

石勤处关于开展“文明■后黝姓印鼓管理般定

优茯黑务月…•后物处行文规定

食京招标0■后勤处首问贵任制

?云南展高等学校大学生基本应…

关于评选2006年云南管•后II”处务会议”烈度

,云南警有学院载掌管理"

白学院…■省纥在校大学生基础数据信息数据…

•关于做好省属在显高校大学生至本…办法

•夫千省阿I兄忑稔大字生物•殊玛n…

■后勤处工作职能初及眠务事项

工阿青百学氏后勤度分■关于货属在昆高等竽校大学生鬓本…

,指南

2006年度云南警官学院

院院精…

云南警言学院加强精品

媒程建设没…云曲警官学院学生抽由

■的城方

,云南警有学院学生而慢

怎么办

云南警官学院学生篮林

,比・

★答与苗盲★

★育•留3会

。近寺索提出：面目祗法”nt切

EWi»kA«l*8iaS«.

□*的修始就，军学必安

□*应谈通岩遇行加播电阳光警务

☆可有可无，异不重要

*娘在根本不用加况

投上nnrori

你是第2位访问者，欢迎你访问本网站

后台登录

图3-6网站页面

6数据库设计

本网站通过策划分析一共要建立七个表，分别为Admin、newLyikind、erkind、vitem、vname和

guestBook,这七个表分别用来存储管理员信息、文章数据，一级栏目信息、二级栏目信息、网站调

查标题、网站调查项目和留言信息。

打开MicrosoftOfficeAccess软件，新建数据库文件，保存为Data.mdb。并按照策划分析建立七个表。

如图4-1所示。

第8页共28页

第6章数据库设计

nM

x事

clwnghux*

ayfecex*

homepage

文

本

eaell

文*

04•庄

canienttit)*

*庄

Con，ant

#曲

rtcwtent率

文

eoQ文

1P日

datetlaeI-

图4-1数据库设计示意图

建立数据表相关信息如下：

表1:Admin数据类型字段大小备注

（存储用户信

息）

字段名

ytssid自动编号长整型用户自编号，主键

tuz_supc文本50用户名

tuz_supcr_pas文本50密码

Admin_typc文本50用户级别

表2:newsl（存数据类型字段大个备注

储综合信息）

字段名

id自动编号长整型信息自编号，主键

yiid数字长整型一级菜单自编号

erid数字长整型二级菜单自编号

title文本50信息标题

ncwstimc日期/时间日期文章发布时间

content备注长整型文堂内容

hit数字长整型文章浏览次数

shoupic文本50图片连接

表3:yikind（存数据类型字段大小备注

储一级栏FI菜

单信息）

字段名

yiid自动编号长整型一级菜单自编号，主键

yinamc文本50一级菜单内容

第9页共28页

第6章数据库设计

show是/否1是否启用菜单

yiorder文本50一级菜单顺序

表4:erkind（存数据类型字段大小备注

储二级栏目菜

单信息）

字段名

erid自动编号长整型二级菜单自编号，主键

yiid数字长整型一级菜单自编号

emanie文本50二级菜单内容

show是/否1是否启用菜单

erorder文本50二级菜单顺序

表5:vname（#数据类型字段大小备注

储调查项目信

息）

字段名

id自动编号长整型调查项目自编号，主键

tide文本50调查项目内容

cf文本50是否重复投票

kind文本50单选/多选

vtime日期/时间日期二级菜单顺序

表6:vitem（存数据类型字段大小备注

储调查条目信

息）

字段名

id自动编号长整型调查条目自编号，主键

vid数字长整型调查项目自编号

vtitle文本50调查条目内容

vocunt数字长整型投票次数

表7:guestbook数据类型字段大个备注

（存储留言信

息）

字段名

id自动编号长整型留言自编号，主键

chenghu文本50留言者称呼

myface文本50头像

homepage文本50个人主页

email文本50电子邮箱

qq文本50留言QQ

contcnttitlc备注K整型留言标题

第10页共28页

第7章ASP运用程序设计

content备注氏整型留言内容

reconlent备注长整型回复内容

emol文本50表情

ip文本50留言者IP

datetime日期/时间日期留言时间

7ASP运用程序设计

7.1网站的ASP运用程序设计，包括网站数据库连接、动态菜单、前

台文章显示、留言板块、后台管理系统的设计。其中一个网站主要用到

的DML语句有Insert（插入数据）用于向表中插入数据；Update（更

新数据）用于更新表中现存数据；Delete（删除数据）用于删除表中现

存数据；Select（查询数据）用于查询表中所有行和若干列数据；

7.2连接数据库程序设计

连接数据库的程序写成一个独立的脚本，打开记事本进行编写，编写完保存为conn.asp即

可，然后在每个前台页面中调用该程序即可。数据库调用代码为：<!--includefile-../

conn,asp”—>。

数据库连接程序代码如下。

<%

dimconn

setconn=server.createobject（"adodb.connection"）

conn.open"DBQ="+server.mappath（"../Data/bcj.mdb,,）+";DRIVER={MicrosoftAccessDriver

（*.mdb））;"

%>

7.3动态菜单设计

网站动态菜单实现是先在数据库中建立两个储存菜单的表yikind（存储一级栏目菜单信息）、

crkind（存储二级栏目菜单信息），然后通过后台菜单管理把需要的菜单添加到数据库中，菜单

管理还包含修改、删除、菜单顺序和菜单是否显示设置等功能。其中二级栏目的储存与调用是居

于一级栏目的编号之下，具体实现见后台菜单管理。网站首页菜单调用相关程序如下：

<tr><td><ahref="index.asp">♦本院首页v/a>v/td>

<%

setrst=server.createobject（"ADODB.recordset"）

sql="sclect*fromyikindwhereshow=trucorderbyyiordcr"

rst.opcnsql,conn,1,1（打开数据库）

dowhilenotrst.eof

%>

<td><ahref=',look_title.asp?yiid=<%=rst（,,yiid"）%>"<<%=rst（"yiname"）%x/a></td>

<%

rst.movenext

第11页共28页

第7章ASP运用程序设计

loop

rst.close

%></tr>

实现效果如下：

♦本院首页♦院警介绍♦最新信息♦校园生活♦机构设置♦提堂制度♦计划总结♦服芬指南♦政策法规♦下栽卬心

7.4前台显示程序设计

7.4.1前台程序的任务是把数据库中的文章信息提取出来，显示到相应的栏目下，是直接

在前台页面中编写程序代码来实现的。首先要编写连接数据库程序，然后要编写数据显示程序。

7.4.2网站首页程序设计

网站首页为一个网站的面子，不但要美观，还要有各种特效，信息排版等。

(一)网站首页信息显示是先编写一段打开数据库的代码，然后编写显示信息的代码与转到

详细页面的代码循环执行，最后关闭数据库。相关代码如下：

<%subreadnews(string)

setrs=server.createobject(''ADODB.recordset")

sql="selecttop5*fromnewslwhere"&slring&"orderbyiddesc"

rs.opensql,conn,l,l(此段为打开数据库表)

dowhilenotrs.eof

rcsponsc.Writc"<tablcwidth-100%'cellSpacing=0ccllPadding=Obordcr=0

style='line-height:130%'xtrxtdwidth-15'>-</tdxtdstyle='border-bottom:1pxdotted#cccccc'xa

href='show.asp?id="&rs("idH)&target='_blank'rs("tille")&"["&rs("newstime,,)&

'•]"&"少’(此段为点击转到详细页面设置)

'rsC'title")

iflcn(trim(rs("titlcH)))<=15then

response.writeleft(trim(rs("title,,)),l5)

else

response.writeleft(trim(rs(Htitle")),15)&

endif

ifdate()<rs("newstime")+2then

response.write"<imgsre-imgZnews2.gifborder=0>"

endif(显示相关信息)

response.write"</a></tdx/tr></table>"

rs.movenext

loop(循环执行)

rs.close

setrs=nothing

endsub

callreadnews("yiid=12anderid=11")%>

(二)特效滚动图片区域相关代码

<divid=tpgdstyle="OVERFLOW:hidden;WIDTH:480px;HEIGHT:180pxMalign=left>

<tableborder=0align=centercellpadding=0cellspacing=*'O"cellspace="0">

<tbody><tr><tdid=tpgd1valign=topxtablcccllspacing=0ccllpadding=0width="100%"

align=centerborder=0>

<tbody><lr>

<tdheight=180><divalign=center><atitle=引片亡月

href=',../webs/show.asp?id=3"target=",_blank"ximg

onMouseOver="this.style.filter='alpha(opacity=100)';high(this)"

onMouseOut=low(this)height=180

第12页共28页

第7章ASP运用程序设计

src="../dongimg/l.jpg"width=200

border=0></a></divx/td>

</tr>

</tbody>

</tr>

</tbody>

</table></td>

</div>

<SCRIPT>

varspecd=20

(pgd2.innerHTML=tpgdl.innerHTML

functionMarquee1(){

if(tpgd2.offsetWidth-tpgd.scrollLeft<=0)

tpgd.scrollLeft-=lpgd1.offsetWidlh

clse{

tpgd.scrollLeft++

})

varMyMarl=setIntcrval(Marqucc1,speed)

tpgd.onmouseover=function(){clearlnterval(MyMarl)}

tpgd.onmouseout=funclion(){MyMarl=setInterval(Marquee1,speed)}

</SCRIPT>

(三)特效变换图片相关代码

<scripttypc="tcxt/javascript">

imgUrl1="imagcs/l.jpg'；imgtcxt1="/1说明"

imgLinkl=escapc("../wcbs/show.asp?id=2");