搜索
o课程设计报告2017-2018学年度第二学期题目：影视网站姓名：班级：系部：计算机学院o指导教师：日期：2018年2月26日目录一、综述：............................................................................................................................................3二、系统设计：......................................................................................................................................3o1.系统目标.......................................................................................................................................32.系统功能结构...............................................................................................................................33.开发环境.......................................................................................................................................4三、开发实现..........................................................................................................................................41.导航栏...........................................................................................................................................42.jQuery滑动门效果.......................................................................................................................63.JavaSceipt实现电影图片不间断滚动........................................................................................74.总体效果.....................................................................................................................................8四、总结：............................................................................................................................................8五、参考文献........................................................................................................................................9o[摘要]JavaScript是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应事件的动态页面。本次网页设计采用JS和CSS来实现，使得网页样式多样、美观，用户有良好的体验。[关键词]JavaScript、样式多样、动态页面一、综述：对于网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。并且，网站的内容越接近人群，接近生活，就越能惹人注意。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。于此同时，作为网站的开发者，与用户进行沟通也是相当重要的。需求分析活动其实本来就是一个和客户交流，正确引导客户能够将自己的实际需求用较为适当的技术语言进行表达（或者由相关技术人员帮助表达）以明确项目目的的过程。这个过程中也同时包含了对要建立的网站基本功能和模块的确立和策划活动。在整个需求分析的过程中，将按照一定规范的编写需求分析的相关文档不但可以帮助成员将需求分析结果更加明确化，也为以后开发过程中做到了现实文本形式的备忘，并且有助于主管人员的日后的开发项目提供有益的借鉴和模范，成为项目开发中积累的符合自身特点的经验财富。通过市场调研活动，清晰的分析相似网站的性能和运行情况。可以帮助项目负责人更加清楚的构想出自己开发的网站的大体架构和模样，在总结同类网站优势和缺点的同时项目开发人员可以博采众长开发出更加优秀的网站。二、系统设计：o1.系统目标结合实际情况及时对用户需求分析，365影视网应该具有以下特点：操作简单方便、界面简洁美观。能够全面展示影片分类及影片详细信息。浏览速度快，避免长时间打不开页面的情况发生。影片图片清楚、文字醒目。系统运行稳定、安全可靠。易维护，并提供二次开发支持。2.系统功能结构365影视网的系统结构o3.开发环境在开发365影视网时，该项目使用的软件开发环境：操作系统：Windows7。PHP运行环境：phpStudy20161103。jQuery版本：jquery-1.6.1.min.js。o开发工具：DreamweaverCS6。浏览器：IE8.0。三、开发实现1.导航栏视图o具体代码divid=linktablecellapacing=0cellpadding=0width=100%border=0trtddivclass=i01wotablecellspacing=0cellpadding=0width=100%border=0trtdwidth=166height=42align=centerid=a0bgspanid=a0coloronMouseOver=showadv('a0,'a0color','a0bg')ahref=1.htmlfontcolor=#FA4A05首页/font/a/span/tdotdwidth=1imgsrc=images/1.gifwidth=1height=25//tdtdid=a1bgalign=centerwidth=166spanid=a1coloroonMouseOver=showadv('a1','a1color','a1bg')ahref=2.html爱情片/a/span/tdtdwidth=1imgsrc=images/1.gifwidth=1height=25//tdtdid=a2bgalign=centerwidth=166spanid=a2coloronMouseOver=showadv('a2','a2color','a2bg')ahref=3.html动作片/a/span/tdtdwidth=1imgsrc=images/1.gifwidth=1height=25//tdtdid=a3bgalign=centerwidth=166spanid=a3coloronMouseOver=showadv('a3','a3color','a3bg')ahref=3333.html科幻片/a/span/tdtdwidth=1imgsrc=images/1.gifwidth=1height=25//tdtdid=a4bgalign=centerwidth=166spanid=a4coloronMouseOver=showadv('a4','a4color','a4bg')ahref=4444.html恐怖片/a/span/tdtdwidth=1imgsrc=images/1.gifwidth=1height=25//td/tr/table/div/td/trtrtdtablewidth=100%height=41cellpadding=0cellspacing=0id=a0border=0trtdalign=leftstyle=padding-left:12px欢迎来到365影视网/td/tr/tabletableid=a1style=display:noneheight=41cellspacing=0cellpadding=0width=100%border=0trtdstyle=padding-left:137pxalign=leftulclass=i02wliahref=2.html爱情喜剧/a/liliahref=3.html古典爱情/a/lili现代爱情/li/ul/td/tr/tableotableid=a2style=display:noneheight=41cellspacing=0cellpadding=0width=100%border=0trtdstyle=padding-left:357pxalign=leftulclass=i02wlia枪战片/a/lilia武侠片/a/lilia魔幻片/a/li/ul/td/tr/tabletableid=a3style=DISPLAY:noneheight=41cellspacing=0cellpadding=0width=100%border=0trtdstyle=padding-left:540pxulclass=i02wlia外星人/a/lilia自然灾害/a/lilia生物变异/a/li/ul/td/tr/tabletableid=a4style=display:noneheight=41cellspacing=0cellpadding=0width=100%border=0trtdstyle=padding-left:750pxalign=centerulclass=i02wolia惊悚片/a/lilia恐怖片/a/lilia悬疑片/a/li/ul/td/tr/table/td/tr/table/div导航栏效果实现scripttype=text/javascriptfunctionshowadv(par,par2,par3){document.getElementById(a0).style.display=none;document.