HTML网页设计基础实验指导书2016

来源：用户分享时间：2020-06-22 本文由

说明：文章内容仅供预览，部分内容可能不全，需要完整文档或者需要复制内容，请下载word后使用。下载word有问题请添加微信号:xxxxxx或QQ：xxxxxx 处理（尽可能给您提供完整文档），感谢您的支持与谅解。

长春工业大学软件学院 HTML网页设计基础实验指导书

HTML网页设计基础实验指导书

序号 1 2 3 4 5 6 7 实验项目名称网页设计基础及HTML基本标签 HTML文本格式的应用 HTML 链接的应用 HTML 表格和列表的应用 HTML 表单与框架的应用 HTML和CSS综合应用个人主页设计学时 2 2 4 4 4 2 2 实验类型验证性验证性验证性验证性验证性设计性设计性选修类别必修必修必修必修必修必修必修每组学生数 1 1 1 1 1 1 1

长春工业大学软件学院 HTML网页设计基础实验指导书

实验一网页设计基础及HTML基本标签

【实验目的】

1．掌握利用因特网进行信息游览、搜索，下载网页、图片、文字和文件； 2．对给定的网站，能指出网站的链接结构、目录结构、页面布局方式；

3．掌握HTML的基本标签 <META>标记；【实验环境】 </p><p>Window xp操作系统，机器联网。【实验重点及难点】 </p><p>熟练使用浏览器进行浏览、搜索、下载。【实验内容】 </p><p>1、根据网站制作的需要，从网上下载网页制作时需要的文字、小图片、动画及flash。 2、上网访问实际若干网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）、页面布局方式；在网上找出下列版面布局的结构形式： ⑴“T”结构布局 ⑵“口”型（“国”字型）布局 ⑷ 对称对比布局 ⑻ 海报型布局 </p><p>3、利用搜索引擎，浏览因特网上较为著名的5个网站，记录这些网站的名称、网站地址和以及相应的网页文件格式（扩展名）； </p><p>4、查看我院WWW网站主页的源代码，收藏到收藏夹中，将其设为主页，并指出该网站的链接结构、目录结构和页面布局方式。 5、构建HTML文档“我的第一个网页”：（1）从开始菜单启动记事本； </p><p>（2）在记事本中，录入一个HTML文档； </p><p>（3）设置该文档在最终在浏览器中显示的标题为“我的第一个网页”；（4）在页面添加可见的文本“我的第一个网页”；（5）使用记事本的菜单“文件”→“保存”，在“另存为”对话框中，在“保存类型”下拉列表中选择“所有文件”，录入“文件名”myfirstpage.htm，单击“保存”按钮将该页面保存到实验文件夹。 </p><p> </p><p> 2 </p><p>长春工业大学软件学院 HTML网页设计基础实验指导书 </p><p>实验二 HTML文本格式的应用 </p><p>【实验目的】 </p><p>1．掌握使用<body>标记设置网页背景颜色和文本颜色。学习使用分段标记<p></p>； 2．掌握使用<font>标记设置文字的属性； 3．掌握在网页中插入背景图片； </p><p>4．掌握在网页中插入水平线，并设置水平线的属性； 5．掌握在网页中插入背景音乐。【实验环境】 Windows xp </p><p>【实验重点及难点】 </p><p>掌握字体、水平线等常用标记。【实验内容】 </p><p>1、使用简单内联元素进行文字处理：（1）从开始菜单启动记事本； </p><p>（2）在记事本中，录入HTML文档； </p><p>（3）设置该文档最终显示标题为“简单文字处理”； </p><p>（4）在文档的<body>和</body>之间，插入适当元素使最终网页中显示以下内容： </p><p>这是一段文本 </p><p>这是一段文本 ? Microsoft? Windows 2007 </p><p>A = a1 + a2 + a3 这是一段文本这是一段文本提示：1、以上文字不涉及到文字字体、大小、颜色的设置，且并不居中显示。 </p><p> ? </p><p> 2、对于特殊字符，要使用字符实体。?©版权 ®注册商标 </p><p>（5）紧接着步骤（4）插入的元素插入适当元素，使得最终网页上可以显示字号为5、颜色为红色、字体为“华文彩云”的下列样式文字： </p><p>这是一段文本 </p><p>（6）紧接着步骤（5）插入的元素插入适当元素，使得最终网页上显示下列样式的文字（隶书、4号、绿色）： </p><p>这是一文本（7）如果以上的每条文本之间没有换行，则在它们之间分别插入一个换行； </p><p> </p><p>3 </p><p>段长春工业大学软件学院 HTML网页设计基础实验指导书 </p><p>（8）使用步骤1-（5）中的方法保存当前HTML文档为simpleinline.htm。 </p><p>2、制作一个简单的网页sy2-1.htm，用记事本编辑，内容为个人简介信息。要求： </p><p>? 搜索关键字为“个人”“主页”“简介”，标题为我的个人简介。 ? 背景为#33ccff,文本颜色为黑色，文本需分段表示。 3、用记事本编辑网页sy2-2.htm，内容为李白的诗“静夜思”。要求：每行诗为一个段落，四行文字颜色不同，字体不同。 4、通过记事本编辑网页sy2-3.htm，实现如图页面。 </p><p> </p><p>5、通过记事本编辑网页sy2-4.htm，实现如下页面。图片自选，插入背景音乐“浮云.mp3”。 </p><p> </p><p>6、通过记事本编辑网页sy2-5.htm，实现如下页面。 </p><p> </p><p> </p><p>4 </p><p>长春工业大学软件学院 HTML网页设计基础实验指导书 </p><p>实验三 HTML超链接的应用 </p><p>【实验目的】 </p><p>1．掌握给文字添加绝对超级链接，例如：和相对超级链接，例如：； </p><p>2．掌握使用图像映像链接<MAP>；【实验环境】 Windows xp </p><p>【实验重点及难点】 </p><p>掌握使用超级链接HTML常用标记。【实验内容】 </p><p>1、制作一个网页sy3-1.htm，用记事本编辑。要求： </p><p>? 网页名称为：超级链接练习 </p><p>? 以一张图片作为背景，并且设置图片固定。合理设置文字的颜色，和超级链接的颜色。 ? 插入绝对链接至长春工业大学软件学院主页。 </p><p>2、利用预格式化标签，输出如下图一段文字，在页面的顶部设置相对超级链接至页面底部，在页面的底部设置相对超级链接至顶部。 </p><p> </p><p>3、在下图上实现图像映像链接，要求点击各省对应区域弹出该省政府网站（各省政府网址：www.省名简拼.gov.cn 如吉林省政府网站：www.jl.gov.cn） </p><p> </p><p>5 </p><p></p> <script type="text/javascript">s("content-body-bot");</script> <p>搜索“diyifanwen.net”或“第一范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，第一范文网，提供最新幼儿教育HTML网页设计基础实验指导书2016 全文阅读和word下载服务。</p> </div> <div class="con_page"> <ul class="pagelist"> <li><a>共2页: </a></li><li><a href='#'>上一页</a></li><li class="thisclass"><a>1</a></li><li><a href='1097509_2.html'>2</a></li><li><a href='1097509_2.html'>下一页</a></li> </ul> </div> <div class="down-word"> <div class="word-ico"></div> <div class="word-tit"> <span class="docx">HTML网页设计基础实验指导书2016 .doc</span> <span>将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印</span> <span><script type="text/javascript">s("content-down");</script></span> </div> <div class="word-pic"><a href="javascript:;">下载这篇word文档</a></div> </div> <div class="show-url">本文链接：<a href="">https://www.diyifanwen.net/wenku/1097509.html</a>（转载请注明文章来源） </div> <div class="block6">上一篇：<a href='/wenku/1097508.html'>排球的教学方法 </a> <br/> 下一篇：<a href='/wenku/1097510.html'>中医辨证治疗四类型肺癌 </a> </div> <div class="block7"><script type="text/javascript">s("content-bot");</script></div> <div class="block7"> <p> 相关推荐： </p> <ul class="box"> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420520.html">最精辟的建筑行业知识汇总</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420519.html">甲磺酸帕珠沙星氯化钠静滴治疗泌尿道感染的疗效和安全</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420518.html">新密项目可行性研究报告通用</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420517.html">全民打怪兽世界BOSS怎么打 BOSS大战攻略</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420516.html">三、四年级语文各册主题思想韵语-最新教育资料</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420515.html">人教PEP版英语三年级下册Unit4WhereismycarPartB-C (1</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420514.html">2016年电子化学品现状及发展趋势分析</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420512.html">-依元素科技教育部产学合作协同育人项目申报书模版</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420511.html">齐鲁工业大学(山轻工)2006~2015年艺术类研究生考题--</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420510.html">乌鲁木齐食品经营许可证办理指南</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420508.html">初三年级中考英语冲刺习题附答案解析</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420507.html">双代号时标网络图总时差和自由时差的计算方法</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420506.html">中小学信息技术教育现状调查研究</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420505.html">《薄膜光学与技术》2014期末考试试题B-答案</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420504.html">【wwe20XX年9月21日】20XX年浅谈会计电算化下的审计问</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420503.html">中考体育考试方案计划书</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420502.html">成都市砂石开采企业分析报告2018版</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420501.html">四川省成都市七中实验学校高三上学期期中考试理科综合</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420500.html">生活小常识广播稿200字</a></li> <li><em>[<a href='/wenku/youer/'>幼儿教育</a>]</em><a href="/wenku/1420499.html">高中物理选修3 3综合测试题含答案</a></li> </ul> </div> </div> </div> <div class="right_1"> <div class="u_2"><script type="text/javascript">s("right-1");</script></div> <div class="region2 u_2"> <div class="t_1">幼儿教育导航</div> <ul class="menu"> <li><a href='/wenku/youer/' class='on'>幼儿教育</a></li> <li><a href='/wenku/gaozhongjiaoyu/'>高中教育</a></li> <li><a href='/wenku/xiaoxue/'>小学教育</a></li> <li><a href='/wenku/chuzhong/'>初中教育</a></li> <li><a href='/wenku/gaodengjiaoyu/'>高等教育</a></li> <li><a href='/wenku/waiyuxuexi/'>外语学习</a></li> <li><a href='/wenku/zigekaoshirenzheng/'>资格考试认证</a></li> <li><a href='/wenku/jiaoxueyanjiu/'>教学研究</a></li> <li><a href='/wenku/renwensheke/'>人文社科</a></li> <li><a href='/wenku/jingguanyingxiao/'>经管营销</a></li> <li><a href='/wenku/gongchengkeji/'>工程科技</a></li> <li><a href='/wenku/ITjisuanji/'>IT计算机</a></li> <li><a href='/wenku/zirankexue/'>自然科学</a></li> <li><a href='/wenku/yiyaoweisheng/'>医药卫生</a></li> <li><a href='/wenku/jiaoyu/'>教育文库</a></li> <li><a href='/wenku/zonghe/'>综合文库</a></li> <li><a href='/wenku/shiyong/'>实用文档</a></li> <div class="clear"> </div> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 热门推荐 </div> <div class="block3"> <script type="text/javascript">s("right-2");</script> </div> </div> <div class="region2 u_2"> <div class="t_1"> 热门标签 </div> <div class="block3 right-tag"> <a href='/tags/64.html'>报告</a> <a href='/tags/667.html'>规范</a> <a href='/tags/612.html'>辅助线</a> <a href='/tags/143.html'>纲要</a> <a href='/tags/213.html'>评</a> <a href='/tags/497.html'>代数式</a> <a href='/tags/359.html'>物理</a> <a href='/tags/298.html'>3-6</a> <a href='/tags/633.html'>思想方法</a> <a href='/tags/732.html'>点数</a> <a href='/tags/135.html'>品德</a> <a href='/tags/296.html'>WO</a> <a href='/tags/822.html'>12岁</a> <a href='/tags/130.html'>老师</a> <a href='/tags/742.html'>2012521</a> <a href='/tags/190.html'>魏书生</a> <a href='/tags/102.html'>全套</a> <a href='/tags/22.html'>配备</a> <a href='/tags/870.html'>盲点</a> <a href='/tags/227.html'>怎么办</a> <a href='/tags/844.html'>吉林</a> <a href='/tags/164.html'>学的</a> <a href='/tags/40.html'>活动</a> <a href='/tags/23.html'>标准</a> <a href='/tags/635.html'>云南省</a> <a href='/tags/294.html'>专题</a> <a href='/tags/860.html'>阜阳市</a> <a href='/tags/349.html'>河北省</a> <a href='/tags/478.html'>entagac</a> <a href='/tags/670.html'>大法</a> </div> </div> <div class="region2 u_2"> <div class="t_1"> 热门范文 </div> <ul class="block1"> <li><a href="/wenku/5.html">小学班主任XX年终自我总结</a></li> <li><a href="/wenku/8.html">音乐新版第10册教案全解</a></li> <li><a href="/wenku/9.html">让班级管理焕发新的光彩综述</a></li> <li><a href="/wenku/12.html">小班主题活动说课稿《小车叭叭叭》</a></li> <li><a href="/wenku/13.html">音乐学科配备标准全解</a></li> <li><a href="/wenku/14.html">小文学家小学段文学素养测试卷概要</a></li> <li><a href="/wenku/15.html">小学生演讲稿</a></li> <li><a href="/wenku/16.html">山东省普通中小学综合实践活动教学设备</a></li> <li><a href="/wenku/17.html">小学语文四年级下词语填空概要</a></li> <li><a href="/wenku/19.html">小学语文二年级语文下册单元测试题-打</a></li> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 最新范文 </div> <ul class="block3 u_1"> <li><a href="/wenku/1420520.html">最精辟的建筑行业知识汇总</a></li> <li><a href="/wenku/1420519.html">甲磺酸帕珠沙星氯化钠静滴治疗泌尿道感</a></li> <li><a href="/wenku/1420518.html">新密项目可行性研究报告通用</a></li> <li><a href="/wenku/1420517.html">全民打怪兽世界BOSS怎么打 BOSS大战攻</a></li> <li><a href="/wenku/1420516.html">三、四年级语文各册主题思想韵语-最新</a></li> <li><a href="/wenku/1420515.html">人教PEP版英语三年级下册Unit4Whereism</a></li> <li><a href="/wenku/1420514.html">2016年电子化学品现状及发展趋势分析</a></li> <li><a href="/wenku/1420512.html">-依元素科技教育部产学合作协同育人项</a></li> <li><a href="/wenku/1420511.html">齐鲁工业大学(山轻工)2006~2015年艺术</a></li> <li><a href="/wenku/1420510.html">乌鲁木齐食品经营许可证办理指南</a></li> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 随机推荐 </div> <ul class="block3 u_1"> <li><a href="/wenku/1097509.html">HTML网页设计基础实验指导书2016 </a></li> <li><a href="/wenku/1094231.html">山东省平邑县曾子学校七年级政治上册学</a></li> <li><a href="/wenku/1094849.html">地下室梁底露筋修补方案180728 </a></li> <li><a href="/wenku/1096696.html">道德讲堂活动记录6次 - 图文 </a></li> <li><a href="/wenku/1093778.html">材料表征方法思考题答案 - 图文 </a></li> <li><a href="/wenku/1094641.html">2013学年粤教版语文选修1电子题库：</a></li> <li><a href="/wenku/1096170.html">东财国际贸易X在线作业及答案 </a></li> <li><a href="/wenku/1095826.html">配套K122017八年级道德与法治上册第一</a></li> <li><a href="/wenku/1093985.html">探讨阿奇霉素与特步他林雾化治疗用于小</a></li> <li><a href="/wenku/1420416.html">快递公司客服部绩效考核</a></li> </ul> </div> <div class="u_2"><script type="text/javascript">s("right-3");</script></div> </div> <div class="clear"></div> </div> <div class="foot">Copyright © 2018-2022 第一范文网版权所有 <a href="https://www.diyifanwen.net/about/disclaimer.html" target="_blank" rel="nofollow">免责声明</a> | <a href="https://www.diyifanwen.net/about/contact.html" target="_blank" rel="nofollow">联系我们</a><br/> 声明 :本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。<br/> 客服QQ：xxxxxx 邮箱：xxxxxx@qq.com<br/><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">渝ICP备2023013149号</a> </div> <a href="#0" class="cd-top">Top</a> <script type="text/javascript"> //首页分类 $('.nav_list li').hover(function() { $(".nav_list > li > div ").css('display', 'none'); $(this).children("div").show(); }, function() { $(".nav_list > li > div ").css('display', 'none'); }); //分类下拉 $(function() { $(".nav.down").hover(function() { $(".nav.down > ul").fadeIn("slow"); $(".nav.down > ul").css('display', 'block'); }, function() { $(".nav.down > ul").css('display', 'none'); }); }); $(document).on("keydown", function(e) { if (e.keyCode == 13 && $("#txt_search").is(":focus")) { $("#search_button").click(); } }); </script> <script type="text/javascript"> function search() { var q = document.getElementById("q").value; window.location.href = "/search/"+q+".html"; } function enterIn(obj,evt) { var evt = evt ? evt : (window.event ? window.event : null); if (evt.keyCode == 13) { var q = obj.value; window.location.href = "/search/"+q+".html"; } } </script>  <script type="text/javascript"> $(function () { $(".user-box").hover(function () { $(".drop-menu").stop(true, true).fadeIn(0); }, function () { $(".drop-menu").fadeOut(500, function () { $(".drop-menu").css("display", "none"); }); }); }); </script> <script type="text/javascript"> $(".right-tag a").each(function(){$(this).addClass("tags"+(Math.floor(Math.random()*9)+1));}); $(function(){var c=$("#FontSizeBtn i"),a=$(".art_body");c.click(function(){var b=$(this).index();0==b&&a.css("font-size","18px");1==b&&a.css("font-size","16px");2==b&&a.css("font-size","14px");c.removeClass("active");$(this).addClass("active")})}); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1e9741f8c1b2df70963b3e7f3680f749"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <div class="sidebar word-pic"><a href="javascript:;" class="copy-fullpage"><span>一键复制全文</span></a><a href="javascript:;" class="sidedown dl-link"><span>下载文档</span></a></div>    <div class="codelogin-mask"></div> <div class="service-mask"></div> <div class="theme-popover-mask"></div> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> $(document).ready(function ($) { $(".word-pic a").click(function () { $(".theme-popover-mask").fadeIn(200); $(".theme-popover").slideDown(200); // location.href = "https://www.diyifanwen.net/plus/word.php?id=1097509"; //location.href = "/plus/d.php?id=1097509"; $.ajax({ type: "POST", dataType: "json", url: "/user/check_rank.php", data: {"aid": "1097509"}, async: false, success: function (data, textStatus, jqXHR) { location.href = "/plus/d.php?id=1097509"; // if (data.code === "2") { // //游客 // $(".vip-up").hide(); // $(".vip-pay").hide(); // var downid = "1097509" // $(".wxpay a").click(function(){ // var payurl = "/hupipay/payment_pay_tz.php?payway=wx&aid="; // payurl = payurl.replace("payment", "youke"); // var gotourl = payurl + downid // location.href = gotourl; // }); // $(".alipay a").click(function(){ // var payurl = "/hupipay/payment_pay_tz.php?payway=ali&aid="; // payurl = payurl.replace('payment', 'youke'); // var gotourl = payurl + downid // location.href = gotourl; // }); // } else if (data.code === "3") { // $(".theme-popover .theme-poptit b").text("会员快捷下载通道"); // //注册会员 // $(".guest-pay").hide(); // $(".vip").hide(); // $(".vip-pay").show(); // $(".vip-up").show(); // var downid = "1097509" // $(".wxpay a").click(function(){ // var payurl = "/hupipay/payment_get.php?version=1.1&paymethod=2&pid="; // payurl = payurl.replace("payment", "pay"); // var gotourl = payurl + downid // location.href = gotourl; // }); // $(".alipay a").click(function(){ // var payurl = "/hupipay/payment_get.php?version=1.1&paymethod=3&pid="; // payurl = payurl.replace("payment", "pay"); // var gotourl = payurl + downid // location.href = gotourl; // }); // } else if (data.code === "5") { // layer.alert("今日下载次数已用完！请明日再来！您可以升级会员增加下载次数！", {icon: 2}); // } else if (data.code === "6") { // layer.alert("VIP会员已到期！请及时续费！", {icon: 2}); // } else { // location.href = "/plus/d.php?id=1097509"; // } } }); }) // $(".theme-poptit .close").click(function () { // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }) }) </script> <script type="text/javascript"> // $(document).ready(function ($) { // $.ajax({ // type: "POST", // dataType: "json", // data: {"aid": ""}, // url: "/user/check_level.php", // async: false, // success: function (data, textStatus, jqXHR) { // if (data.code === "2" || data.code === "3") { // $(document).keydown(function (e) { // if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { // $(".theme-popover-mask").fadeIn(100); // $(".theme-popover").slideDown(200); // } // }); // document.body.oncopy = function () { // $(".theme-popover-mask").fadeIn(200); // $(".theme-popover").slideDown(200); // return false; // } // } // } // }) // }) </script> <script type="text/javascript"> // $(".service a").click(function () { // $(".service-mask").fadeIn(200); // $(".service-box").slideDown(200); // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }); // $(".service-tit .close").click(function () { // $(".service-mask").fadeOut(200); // $(".service-box").slideUp(200); // }); // $("#vip-buy a").click(function () { // $(".codelogin-mask").fadeIn(200); // $(".codelogin-box").slideDown(200); // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }); // $(".codelogin-tit .close").click(function () { // $(".codelogin-mask").fadeOut(200); // $(".codelogin-box").slideUp(200); // }); </script>    </body> </html>