计算机视频网站的管理毕业设计论文.docx

上传人:b****3 文档编号:2879721 上传时间:2022-11-16 格式:DOCX 页数:15 大小:820.48KB
下载 相关 举报
计算机视频网站的管理毕业设计论文.docx_第1页
第1页 / 共15页
计算机视频网站的管理毕业设计论文.docx_第2页
第2页 / 共15页
计算机视频网站的管理毕业设计论文.docx_第3页
第3页 / 共15页
计算机视频网站的管理毕业设计论文.docx_第4页
第4页 / 共15页
计算机视频网站的管理毕业设计论文.docx_第5页
第5页 / 共15页
点击查看更多>>
下载资源
资源描述

计算机视频网站的管理毕业设计论文.docx

《计算机视频网站的管理毕业设计论文.docx》由会员分享,可在线阅读,更多相关《计算机视频网站的管理毕业设计论文.docx(15页珍藏版)》请在冰豆网上搜索。

计算机视频网站的管理毕业设计论文.docx

计算机视频网站的管理毕业设计论文

XX职业技术学院

计算机工程系

毕业设计论文

 

论文题目:

视频网站的管理

 

专业:

计算机应用技术

班级:

计应X

姓名:

指导教师:

 

___2011____年_12__月_2__日

目录

内容摘要………………………………………………………3

前言……………………………………………………………4

第一部分网站网页基础知识………………………………4

一、网页设计基础知识…………………………………4

1.HTML简介………………………………………………4

2.网页制作工具介绍……………………………………5

二、网站基础知识………………………………………6

第二部分网站的设计思想及现实意义……………………6

一、网站的设计思想……………………………………7

二、网站的现实意义……………………………………7

第三部分网站的模块组成…………………………………7

一、模块组成……………………………………………7

二、页面展示……………………………………………8

第四部分网站测试…………………………………………11

一、测试内容……………………………………………12

二、测试目的……………………………………………12

三、测试过程……………………………………………12

1.功能测试……………………………………………12

2.可用性测试…………………………………………12

3.兼容性测试…………………………………………13

代码附录……………………………………………………13

心得体会……………………………………………………20

致谢…………………………………………………………21

参考文献……………………………………………………22

 

内容摘要

Internet是一个蕴藏着无穷资源的宝库,在资源共享和信息交换方面具有得天独厚的优势。

21世纪的今天,上网已经成为很多人工作、生活中必不可少的一部分,这很大程度上是由于网页承载了任何一种媒介都无法比拟的丰富资源,网页作为这些这些资源和信息重要的传递载体。

网页不但可以提供文字、图片、多媒体信息的浏览,并且网络在娱乐、商务及各种领域的应用,如电子邮件、视频、网上交易等都离不开网页。

Internet是目前世界上最大的计算机互联网络,它遍布全球,将世界各地各种规模的网络连接成一个整体。

作为Internet上一种先进的,易于被人们所接受的信息检索手段,WorldWideWeb(简称WWW)发展十分迅速,成为目前世界上最大的信息资源宝库。

据估计,目前Internet上已有上百万个Web站点,其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域,其用户群十分庞大,因此,建设一个好的Web站点对于一个机构的发展十分重要。

现代社会使人们感觉到压力越来越大,能在短时间内使压力得以缓解,是人们迫切地愿望,视频网可以为不同喜好不同品位的观众提供各种娱乐节目,使人们足不出户就可以闻遍天下事,真正意义上使互连网走进生活的每个角落。

关键词互联网视频

前言

借毕业设计的机会,我设计了一个视频网。

它主要包括了电影、电视剧等的排行榜及视频的观看,让浏览者有亲临影院的感觉。

互联网作为信息双向交流和通讯的工具,已经成为大众娱乐休闲的首选。

被称之为继广播、报纸、杂志、电视后的第五种媒体——数字媒体。

本网站的主题是视频,作为一个娱乐性的网站,可以实现电影、电视剧等的大聚集,让浏览者更加方便快捷。

 

第一部分网站网页基础知识

一、网页设计基础知识

1.HTML简介

HTML是一种为网页所设计的简单标记语言,用来制作超文本文档。

HTML就被用作WWW的信息表示语言,通过利用特殊标记(TAG)来描述网页文档格式和网页之间的超链接信息。

可以说是SGML(标准通用标记语言)专门为浏览器设计的一种标记语言。

HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。

HTML的结构包括头部(HEAD)、主体(BODY)两大部分,其中头部描述浏览器所需的信息,而主体则包括所要说明的具体内容。

HTML的基本语法非常简单,主要由标记符(Tag)和属性(Attribute)组成,所有的标记符都封装在一对尖括号“<”和“>”之中。

头部信息;如、<meta>等</p><p></head></p><p><body></p><p>文档主体</p><p></body></p><p></html></p><p>2.网页制作工具介绍</p><p>(1)Dreamweaver简介</p><p>MacromediaDreamweaver是建立WEB站点和应用程序的专业工具,它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。</p><p>(2)Flash软件在网页设计中的作用</p><p>Flash是A公司专为网络应用设计的一个交互性矢量动画设计软件,网站设计者可以使用F为网站设计各种动态LOGO动画。</p><p>导航条及全屏动画,还可以加入动感音乐,完全具备多媒体的各项功能.F以其体积小流体播放的特点迅速打开市场,而实现WEB数据通讯,为站点页面设计带上了一个全新的高度。</p><p>Flash作为网站的一个重要的视觉元素,首先要求设计者在设计过程中,追求技术与艺术的高度统一,对动画的视觉元素多作深入的了解和研究,遵循形式美法则和人的视觉规律,将文字图形色彩这些基本的视觉传达要素编排组织成一个有机的整体,才能创造出具有美感的信息传达形式.这样不仅可以感染观众,还能使人们产生良好的形象记忆,从而达到设计目的。</p><p>Flash将图像文本动画等多种多媒体形式聚合在同一文件中进行编辑处理的方式,艺术设计已呈现出元素互动的趋势,从而丰富艺术设计的构成语言,提高作品的感染力,与普通艺术创新不同的是数字化视觉传达设计以计算机技术的发展作为载体,通过设计的形式要素的变化,显示设计元素在技术层面最恰当的视觉张力及良好的视觉效果,探求技术表现方式的创新,充分体现数字艺术的交互性与综合性,是在数字技术语境中视觉传达设计语言创新的主要问题。</p><p>Flash表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者.使主题在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求,从而达到美化网站的效果。</p><p>2、网站基础知识</p><p>IIS简介</p><p>ISS(Internetinformationserver,互联网信息服务)是一种WEB服务组件,其中包括WEB服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面,它使得在网络上发布消息成了一件很容易的事。</p><p>第二部分网站的设计思想及现实意义</p><p>1、网站的设计思想</p><p>现在人们对网页的需求不仅是信息的载体,也是娱乐消遣的一种介质,我设计的视频网以黑色为主体色,让人们在家就找到亲临影院的感觉,使自己彻底地从现实压力中解救出来,给自己的身心来一次彻底放松.结合灰色和蓝色两大主流色给人一种清净大方的感觉。</p><p>设计的电影、电视剧排行榜及清晰的分类使浏览者更加方便。</p><p>二、网站的现实意义</p><p>互联网作为信息双向交流和通讯工具,已经成为商家青睐的传播媒介,被称之为继广播、报纸、杂志、电视后的第五种数字媒体——数字媒体。</p><p>传统媒体的价格昂贵,又受到时间、地区等多方面的因素的限定,效果不能太让人满意。</p><p>而网络宣传的费用是低廉的,效果也很好,使得所有的信息能直接面向全世界,能够满足不同的网络爱好者.很是受欢迎。</p><p>第三部分网站的模块组成及页面展示</p><p>一、模块组成</p><p>首页</p><p>我所设计的视频网站一共包含了12个页面,分别是首页、电影、电视剧等页面.整体框架如下:</p><p>电视剧</p><p>电影</p><p>雪豹</p><p>铁梨花</p><p>婚姻保卫站</p><p>山楂树之恋</p><p>公主日记</p><p>建国大业</p><p> </p><p>2、页面展示</p><p>首页(上)</p><p>首页(下)</p><p> </p><p>电视剧(上)</p><p> </p><p>电视剧(下)</p><p> </p><p>电影(上)</p><p> </p><p>电影(下)</p><p> </p><p>电视剧·铁梨花</p><p> </p><p>电影·山楂树之恋</p><p> </p><p>第四部分网站测试</p><p>网站建成后能否正常运行,是否被客户喜欢,能否吸引更多的访客关注,是衡量网站成功的标志,系统测试成为系统应用开发过程中的一个重要环节,需要通过测试竟可能多的发现浏览器端和服务器端程序中的错误,并及时加以修正,以保证系统应用的质量。</p><p>一、测试内容</p><p>为了保证网站的正常浏览和使用,主要测试内容:</p><p>(1)文字、图片链接是否有误.</p><p>(2)网页兼容性测试,如浏览器、显示器.</p><p>(3)根据需要的其他测试.</p><p>二、测试目的</p><p>测试的过程就是系统的执行过程,目的在于发现错误并进行修改,从而达到系统优化的目的。</p><p>三、测试过程</p><p>1.功能测试</p><p>链接测试,链接是WEB应用系统的一个主要特征,它是在页面之间切换的主要手段,链接测试分三个方面:</p><p>首先,测试所有的链接是否按指定的那样链接到了该链接的页面;其次,测试所链接的页面是否存在;最后保证WEB应用系统上没有孤立的页面。</p><p>2.可用性测试</p><p>(1)图形测试.在WEB应用系统中,适当的图片和动画既能起到广告宣传的作用,又能起到美化页面的功能。</p><p>一个WEB应用系统的图形包括图片、动画、边框、颜色、字体、背景、按钮等。</p><p>(2)整体界面测试。</p><p>整体界面是指整个WEB应用系统的页面结构设计,是给用户的一个整体感。</p><p>例如:</p><p>当用户浏览WEB应用系统时是否感觉良好,整个WEB应用系统的设计风格是否一致。</p><p>3.兼容性测试</p><p>(1)平台测试.市场上有很多不同的操作系统类型,最常见的有WINDOWS、UNIX、LINUX等.WEB应用系统的最终用户究竟使用哪一种操作系统,取决于用户系统的配置,这样,就需要考虑兼容性问题,同一个应用可能在某些操作系统下能正常运行,但在另外的操作系统下可能会运行失败。</p><p>(2)浏览器测试.浏览器是WEB客户端最核心的构件,来自不同厂商的浏览器对JAVA、JAVASCRIPT、ACTIVEX或不同的HTML规格有不同的支持。</p><p>例如,ACTIVEX是MICROSOFT的产品,是为InternetExplorer而设计的,JAVASCRIPT是NETSCAPE的产品,JAVA是SUN的产品等。</p><p>另外,框架和层次结构风格在不同的浏览其中也有不同的显示,甚至根本不显示。</p><p>代码附录</p><p><body></p><p><divid="apDiv1"></div></p><p><divid="apDiv2"></p><p><scripttype="text/javascript"></p><p>AC_FL_RunContent('codebase',');//endACcode</p><p></script><noscript><objectclassid="clsid:</p><p>D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http</p> </div> <div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div> <script> function showmore() { $(".readmore").hide(); $(".detail-article").css({ "height":"auto", "overflow": "hidden" }); } $(document).ready(function() { var dh = $(".detail-article").height(); if(dh >100) { $(".detail-article").css({ "height":"100px", "overflow": "hidden" }); } else { $(".readmore").hide(); } }); </script> </div> <script> var defaultShowPage = parseInt("5"); var id = "2879721"; var total_page = "15"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/2879721.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </script> <script> var pre = "https://file1.bdocx.com/fileroot1/2022-11/16/e938a93b-2146-4dc1-9e4f-87be0c1b3cbd/e938a93b-2146-4dc1-9e4f-87be0c1b3cbd"; var freepage = parseInt('15'); var total_c = parseInt('15'); var start = defaultShowPage; var adcount = 0; var adindex = 0; var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;13;14;"; var end = start; function ShowSvg() { end = start + defaultShowPage; if (end > freepage) end = freepage; for (var i = start; i < end; i++) { var imgurl = pre + (i + 1) + '.gif'; var html = "<img src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\" alt=\"计算机视频网站的管理毕业设计论文.docx_第" + (i + 1) + "页\" width='100%'/>"; $("#page").append("<div class='page'>" + html + "</div>"); $("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>"); if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1) { if(adindex > (adcount-1)) adindex = 0; $("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>"); document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML; adindex += 1; } } start = end; if (start > (freepage - 1)) { if (start < total_c) { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲,该文档总共" + total_c + "页,到这儿已超出免费预览范围,如果喜欢就下载吧!"); } else { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲,该文档总共" + total_c + "页全部预览完了,如果喜欢就下载吧!"); } } } //$(document).ready(function () { // ShowSvg(); //}); </script> <div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873333.html" title="电子课件-烹饪原料知识(第三版).pptx">电子课件-烹饪原料知识(第三版).pptx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873224.html" title="至信搏远新材料科技有限公司年产1.2亿平方米锂电池铝塑膜建设项目(重大变更)项目环评报告.docx">至信搏远新材料科技有限公司年产1.2亿平方米锂电池铝塑膜建设项目(重大变更)项目环评报告.docx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872940.html" title="PS零基础入门学习教程(适合纯小白).ppt">PS零基础入门学习教程(适合纯小白).ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872775.html" title="大比例尺地质填图方法介绍.ppt">大比例尺地质填图方法介绍.ppt</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872692.html" title="苏教版小学五年级英语A--Long--Wait赛课课件.pptx">苏教版小学五年级英语A--Long--Wait赛课课件.pptx</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872599.html" title="团队沟通技巧培训:提高团队沟通和协作效率..pptx">团队沟通技巧培训:提高团队沟通和协作效率..pptx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872442.html" title="小学应急演练计划(精选6篇).docx">小学应急演练计划(精选6篇).docx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872299.html" title="心肺复苏急救技能学习ppt课件.ppt">心肺复苏急救技能学习ppt课件.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872282.html" title="自然灾害应急处置与防范.ppt">自然灾害应急处置与防范.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872145.html" title="first-fit_algorithm_first_fit_decreasing_演算法.ppt">first-fit_algorithm_first_fit_decreasing_演算法.ppt</a> </li> </ul> </div> </div> <div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397520.html" target="_parent" title="《小学生心理健康教育研究》课题研究报告.docx">《小学生心理健康教育研究》课题研究报告.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397521.html" target="_parent" title="05脚手架工程监理实施细则.docx">05脚手架工程监理实施细则.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397522.html" target="_parent" title="《化工原理二》复习题及答案.docx">《化工原理二》复习题及答案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397523.html" target="_parent" title="《最美的》作文指导.docx">《最美的》作文指导.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397525.html" target="_parent" title="3dmax最新考题题库解析.docx">3dmax最新考题题库解析.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397526.html" target="_parent" title="15春福师《人力资源管理学》在线作业二最新.docx">15春福师《人力资源管理学》在线作业二最新.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397527.html" target="_parent" title="病原试题 1.docx">病原试题 1.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397528.html" target="_parent" title="Unit 8.docx">Unit 8.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2397529.html" target="_parent" title="S版五年级上各单元作文.docx">S版五年级上各单元作文.docx</a></li> </ul> </div> </div> <div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;"> 相关搜索</div> <div class="widget-box pt0" style="border: none; padding:0px 5px;"> <ul class="taglist--inline multi"> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%ae%a1%e7%ae%97%e6%9c%ba">计算机</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%a7%86%e9%a2%91">视频</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%bd%91%e7%ab%99">网站</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%ae%a1%e7%90%86">管理</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%af%95%e4%b8%9a%e8%ae%be%e8%ae%a1">毕业设计</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%ae%ba%e6%96%87">论文</a></li> </ul> </div> <br /> <div > 当前位置:<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00009.html">求职职场</a><span> > </span><a href="https://m.bdocx.com/booklist-0000900006.html">社交礼仪</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=PFZEhlKyO78%3d&parto=Meo6QhmIbFEx2Q2QIS5OtBQ4ivmmmDIhqhsrixTvLpzXpBh5%2fgOmzUE1wvfdL5MYz8LV7262n8SbJg7vzI7ylwJ34iTADeCfL827id1PfII1y3WYgIMoWdGfxUk7iuRNNOS1LiAIJVKYFb25H%2f3Z8UcrPNxxGbsi6g1Lq%2fUEJW3BDnAbAIx2H7rIX85cpzz0uuBEuTU3tk2kpS1ljS%2b5JOakU%2bcZuRq8" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div> <span id="LabelScript"></span> <script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script> </form> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div class="siteInner"> <p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script><script>(function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window)</script> </div> </div> <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; "> <div class="trlogoside" id="navlogo" style="display: none;"> <a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a> <div class="trnavclose" id="navclose"> <span></span> </div> </div> <div class="navcontainer"> <div class="row"> <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> <li><a target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.bdocx.com/">首页 </a></li> <li><a target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li> <li><a target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li> <li><a target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li> <li><a target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li> </ul> </div> </div> </div> <script type="text/javascript"> function stopPropagation(e) { var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); } else if (window.event) { window.event.cancelBubble = true;//兼容IE } } $("#navmore").click(function (e) { $("#navcontent").show(); $("#navlogo").show(); stopPropagation(e); var navcontentwidth = $("#navcontent").width(); $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' }); $("#navcontent").show().animate({ "right": 0 }, 300); }); $(document).bind('click', function () { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); $("#navcontent").click(function (e) { stopPropagation(e); }); $("#navclose").click(function (e) { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); </script> <script> function BaseShare(title, desc, imgUrl) { var link = "https://m.bdocx.com/doc/2879721.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1727662070', // 必填,生成签名的时间戳 nonceStr: '39461A19E9EDDFB385EA76B26521EA48', // 必填,生成签名的随机串 signature: '17bba6ca10985e1c1eb7f3d393d40841d7dbc660',// 必填,签名,见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } function BaseShare(title, desc, imgUrl, link) { if (link=="") link = "https://m.bdocx.com/doc/2879721.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1727662070', // 必填,生成签名的时间戳 nonceStr: '39461A19E9EDDFB385EA76B26521EA48', // 必填,生成签名的随机串 signature: '17bba6ca10985e1c1eb7f3d393d40841d7dbc660',// 必填,签名,见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } </script> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.bdocx.com/header.aspx"; $.get(url + "?t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } }); })(i); } }); </script> <script src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>