《个人网页设计》课程设计报告Word格式文档下载.docx

1、故在介绍我首页的结果后就不一一详细介绍其他页面的结构，而只是将各个页面中html xmlns=/www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /title郑伟的空间link type=text/css rel=stylesheet href=js和css/touming.cssscript language=javascript src=js和css/index.js/scriptstyle type=-#apDiv3 position:absolute; left:

2、367px; top:104px; width:199px; height:231px; z-index:5;#apDiv436px;415px;175px;208px;#gengxin804px;608px;333px;259px;#show87px;309px;258px;6;#apDiv5 442px;943px;609px;56px;-/style/headbodydiv id=warp1 h1心醉公社/fontindexa href=homepage.htmld1 onmouseover=dis（1）;shake（） style=border:#FFFfont id=xuan首页lo

3、g .htmld2dis（2）;日志comment.htmld3dis（3）;留言photoalbum.htmld4dis（4）;相册aboutme .htmld5dis（5）;关于我个人中心meimg src=image/portrait.jpg width=125 height=131 align=middle/-以下是主板块内容-contentcontents id=content1content2content3content4content5FONT color=#351DBEface=隶书 size=5 MARQUEE direction=left height=50 w

4、idth=240欢迎加盟心醉公社/FONT#5BA0DF face=隶书 size=5right社公醉心盟加迎欢apDiv3background-image:url（image/15.jpg）apDiv4url（image/16.jpg）show幼圆 color=#000000; size=+1闭上眼睛，我看到了我的前途 好朋友是一本书可以打开一个世界， 开创一个好生活； 朋友是一面镜子， 可以照见自己的影子。左手边的温度 半边床的幸福, 你的温柔我仍然记得那么清楚, 幸福就在不远处。午后阳光覆盖的金黄色沙滩掩埋不掉心头沁出的甜；海与天湛蓝相爱的分界线分不出尽头究竟有多远 。 rili-日历脚

5、本内容-mediaembed src=sound/自然卷-坐在巷口的那对男女（原版）.mp328428 autostart=true/embedxiaodaohangcenter image/talk.gifabsmiddle |image/message.gif | gengxinfont color=#0c2f86 ;font-weight:bold最近更新td font size=#0000CC用心诠释着?不是幸福的幸福 不知道从什么时候开始寻找一种叫幸福的东西/trtdlog - 副本.html小生活，小幸福我常常在想，我究竟是一个 log - 副本 （2）.html拥有你，我好幸福a

6、pDiv5 class=Copyright zhengwei0601web- Some Rights Reserved.hr align=center#0066CC75%Design By a http:/zhengwei0601.web- target=_blank心醉湾/html2、导航栏动态跳动效果的脚本代码： var currunt=0; function dis（menu_number） currunt=menu_number; width=30; speed=5; positionX=0; preSpeed=0; flag=1; document.getElementById（+m

7、enu_number）.style.display=block hidRest（menu_number）; function hidRest（menu_clicked） var MENU_LENGTH=5; for（i=1;i=MENU_LENGTH;i+） if（i!=menu_clicked）+i）.style.display=none function shake（） if（flag=1） speed=1-speed*0.8 positionX+=speed; positionX-=preSpeed;d+currunt）.style.top=positionX if（Math.abs（s

8、peed）1.0）+currunt）.style.top=0; flag=0; preSpeed=speed; setTimeout（,50）3、日历脚本代码和日历CSS属性设置： 日历效果图Script LANGUAGE= var months = new Array（一, 二三,四五六七八九十十一十二）; var daysInMonth = new Array（31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31）; var days = new Array（日 var classTemp; var today=new getToday（）; var

9、year=today.year; var month=today.month; var newCal; function getDays（month, year） if （1= month） return （0 = year % 4） & （0 != （year % 100） |（0 = year % 400） ? 29 : 28; else return daysInMonthmonth; function getToday（） this.now = new Date（）; this.year = this.now.getFullYear（）; this.month = this.now.g

10、etMonth（）; this.day = this.now.getDate（）; function Calendar（） newCal = new Date（year,month,1）; today = new getToday（）; var day = -1; var startDay = newCal.getDay（）; var endDay=getDays（newCal.getMonth（）, newCal.getFullYear（）; var daily = 0; if （today.year = newCal.getFullYear（） & （today.month = newCa

11、l.getMonth（） day = today.day; var caltable = document.all.caltable.tBodies.calendar; var intDaysInMonth =getDays（newCal.getMonth（）, newCal.getFullYear（）; for （var intWeek = 0; intWeek caltable.rows.length;intWeek+） for （var intDay = 0;intDay caltable.rowsintWeek.cells.length;intDay+） var cell = calt

12、able.rowsintWeek.cellsintDay; var montemp=（newCal.getMonth（）+1）10?（+（newCal.getMonth（）+1）:（newCal.getMonth（）+1）; if （intDay = startDay） & （0 = daily） daily = 1; var daytemp=daily 0） & （daily = intDaysInMonth） cell.innerText = daily; daily+; else cell.className=CalendarTD cell.innerText = document.al

13、l.year.value=year; document.all.month.value=month+1; function subMonth（） if （month-1）11） month=0; year=year+1; month=month+1; function setDate（） if （document.all.month.value12） alert（月的有效范围在1-12之间! return; year=Math.ceil（document.all.year.value）; month=Math.ceil（document.all.month.value-1）;/ScriptSc

14、riptfunction buttonOver（） var obj = window.event.srcElement; obj.runtimeStyle.cssText = background-color:#FFFFFF/ obj.className=Hoverfunction buttonOut（） window.setTimeout（function（）obj.runtimeStyle.cssText = ,300）;StyleInput font-family: verdana;font-size: 9pt;text-decoration: none; #FFFFFF;height: 20px; 1px solid #666666;color:#000000;.Calendar font-family:width: 170; #C0D0E8;0px dotted #1C6FA5;.CalendarTD font-family: 7pt; #000000;#f6f6f6;11%;text-align: center;.Title font-family: 11pt; normal; 24px; #333333; #A4B9D7