网页布局

来源：网络收集时间：2019-06-17 下载这篇文档手机版

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

常见页面布局

页面布局常受到硬件条件（显示器的大小和分辨率）和技术的限制，所以归纳起来大致有六种类型：（1）“同”字型布局：特点，页面顶部水平放置主导航栏，其下分为左中右三栏，左边放置内容导航栏、二级导航栏热点内容等；右边放置站点图片链接、动画广告、搜索引擎、友情链接、注册登录信息；中间为主要内容板块。如韩国的“happybean.naver.com” 其优点是：结构清晰直观、平稳均匀’、次分明。缺点：过于呆板僵化、单点乏味。要注重合理色彩搭配。（2）“匡”字型布局：特点，把同字型布局右边内容移到底部而成，它的结构特点和和优缺点也相同。（3）“吕”字型布局：特点，把页面分成上下两大块，其中每一块都有同字型结构的特点。如网易新闻网。

（4）左右对称布局：顶部不设页眉和导航栏，左边设置导航，右边放主要内容。特点结构简单适合内容较少的页面。

（5）II字型布局：特点顶部设置站标和导航栏；下边分为左右两部分左窄右宽。左边放置二级导航栏、热点内容链接、登陆栏、友情链接等、右边分为主要内容区。

（6）自由式布局：打破常规的规矩，尽情的挥洒极具创意自由灵活。优点是：漂亮现代轻松明快极具美感给人以美的享受。缺点是；下载速度相对较慢，文字信息量少。 dreamweaverCS3的页面基本组成

HTML的常用标记 1、文档类型标记 ···

（超文本标记语言） 2、文档头部标记···（头部标记中的内容不在浏览器中

显示）

3、文档标题标记···,标记不能包含其他标记。 </p><p>4、文档主体标记<body>···</body>网页主体位于此标记中此标记必须 </p><p>位于，<html></html>中。 5、段落标记<p>···</p>分段后段与段之间留一空行。 6、换行标记<br>···</br>段与段之间没有空行。 7、章节标题标记<hn>···</hn>其中n为变数，是6 时最小。 </p><p>能生成html的工具：windows记事本、注册表比较工具、网页制作工具、 </p><p>数据字典、iis、asp、java等。页元素标记： </p><p>(1)字体标记<font size=\对文本的设 </p><p>置如size、color在font内部，还可以设置<i>斜体</i>、<b>粗体</b> (2)图像处理标记<img src=“文件路径” width=\宽度px\“ </p><p>高度px” border=“边框粗细px”> </p><p>（3）超链接标记...实现连接和跳转链接表格 </p><p>定义表格定义表头<th></th> 定义表行定义单元格 </p><p>下面是定义一个简单的表格 </p><p><p>内容的距离cellpadding=\区块，方框到内容的距离> --行 </p><p> 学号--单元格姓名班级地址 </p><p> </p><p> </p><p> 1 张三 091 渭南 </p><p> 2 李四 010 渭南 </p><p> 3 王五 011 渭南 </p><p></table</p><p>常见图像文件格式点阵图与矢量图点阵图文件格式 </p><p>Bmp、Gif、Jpeg/jpg、Png、Ico 矢量图文件格式 </p><p>Wmf、Emf、Cdr、Eps </p><p>浏览器支持的格式：gif、jpg/jpeg、而dreamweaver还支持png </p><p> </p><p> </p><p>网页优先选择gif和jpg的原因： </p><p>1、Gif支持透明，交错和动画，最大数目色为256 2、jpg是有损压缩文件压缩效果显著 </p><p>3、png支持gif的全部特性也支持全彩图像但是早期浏览器不支持此格式。创建连接：不同的连接 </p><p>内部链接：同一网站文档之间的链接；外部链接：不同网站文档之间的连接； </p><p>锚记连接：同一网页或不同网页的指定位置连接；邮件链接：打开填写电子邮件的链接。文档路径 </p><p>绝对路径：是被连接文档的完整URL包括所使用的传输协议（http：//）创建外部链接必须使用绝对路径。 </p><p>文档相对路径：以当前文件所在位置为起点到被连接文档经由的路径，适用于本地连接，比如：wysj/contents.html，当要把当前文档与相处在相同文件夹中另一文档相连接，或者把同一网站下不同文件夹中的文档连接。 ../表示上一级文件夹。 </p><p>跟相对路径：从根站点文件夹到被连接文档经由的路径。根相对路径一反斜杠开头。它是指定网站内文件连接的最好办法，当要移动一个包含根相对连接文档时，无需对原有连接修改。创建连接 </p><p>http：//www.gxsjy.com：80/jsjx/index.com。www.gxsjy.com是域名。：80是端口。链接中的 </p><p>_blank：将被连接文档载入到新的浏览器中； </p><p>_parent：将被连接文档载入到父框架集或包含该链接的窗口中； </p><p>_self：将被连接文档载入到与该链接相同的框架或窗口中（为默认选项）； _top：将被链接文档载入到整个浏览器窗口，并取消所有框架。创建邮件链接 </p><p>选中文本或图像/在属性检查器里连接框输入：mailto：和电子邮件地址如：mailto:chengqinghuanyu@163.com代码视图为：创建锚记连接 </p><p>创建锚记连接名区分大小写。 </p><p>创建锚记连接一般是在连接框内输入：#锚记名，当要连接到同一个文件夹的不同文档时应输入：文件名#锚记名。如text.html#maoji 创建空连接 </p><p>就是创建一个没有任何指向的连接。主要用于向页面上的对象、文本添加行为以便当鼠标指针划过该链接时出现交换图像等效果。 </p><p>步骤：选中要连接的文本图像/在属性检查器的连接框内输入“#”、“javascript：；” </p><p>脚本连接：能在不离开当前文件的前提下访问某项信息。步骤：在选中要添加的连接对象后在连接框内输入：javascript：+函数调用如：javascript：close（）超级链接 </p><p>先制作超级链接文件，再链接即可。框架和框架集的属性设置 </p><p>使用框架集属性检查器可以设置框架集边框和框架宽度，框架属性会覆盖框架集中设置的属</p><p> </p><p>性。 </p><p>样式的应用 </p><p>CSS是cascading style sheet的简写。翻译为：层叠样式表、级联样式表样式表的优点： </p><p>（1）同时更新站点的多个页面更快更容易；（2）制作体积小，下载页面快；（3）格式和结构分离。 CSS样式规则的组成： selector（选择器）分为： </p><p>1、类选择器（可以用于任何标签），以.开头名称可以是字母数字下划线和任何对象。 2、标签选择器（重新定义标签外观）、只对该标签起作用 3、ID（伪类、高级）选择器必须以#开始 4、关联选择器 </p><p>property（属性）设置对象的性质color； value（属性值）color的值层叠样式表的类型： </p><p>外部样式表：一般采用.CSS文件拓展名。可以在记事本编写。不可以包含<style>…</style>标记。通过连接link实现如<link href=”style.css” rel=”stylesheet” type=”text/css”> </p><p>嵌入样式表:服务于当前整个页面，适用于独一无二的样式文档。可以写进<style></style>中内联样式表：通过style直接套进html里，对某个单独的元素定义样式时运用。内联样式比较灵活，维护网页很麻烦，建议少使用。链接样式（）四种状态： a：link 默认链接状态 </p><p>a：visited访问过的连接状态 a: hover鼠标经过时的链接状态 a: active鼠标单击时的连接状态 </p><p>说明：设置连接样式时这四种状态都应该进行设置，如果没有设置即当默认状态样式冲突： </p><p>（1）标有！important的规则有最高优先级（不常使用）。（2）创作者规则优先级高于浏览者规则。 </p><p>（3）特殊情况下的规则优先于不够特殊的规则selector中的ID属性有最高优先级类属性</p><p>数量越多，优先级越高。假如仍然不能确定则按html中页面元素数量决定优先级。 </p><p>（4）同一个级别下最后指定的规则有优先权。网页样式设计 </p><p>方框填充样式用.pad、链接样式如：a.red：link, 滤镜的使用 </p><p>DropShadow（Color=？，OffX=？，OffY=？，Positive=？阴影0给透明像素生成阴影1给非透明像素生成阴影） </p><p>具体如下：.yy{filter:DorpShadow（）} 阴影文字用Showdow实现 </p><p>光晕文字用Glow滤镜实现Strength表示强度模糊用Blur add是个逻辑值图像取0；文字取1. 遮罩用Mask </p><p>透明图像效果Alpha opacity指起始不透明0-100 </p><p></p> <p>百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库网页布局在线全文阅读。</p> </div> <div class="con_page"> <ul class="pagelist"> <li><a>共4页: </a></li><li><a href='#'>上一页</a></li><li class="thisclass"><a>1</a></li><li><a href='660901_2.html'>2</a></li><li><a href='660901_3.html'>3</a></li><li><a href='660901_4.html'>4</a></li><li><a href='660901_2.html'>下一页</a></li> </ul> </div> <div class="down-word"> <div class="word-ico"></div> <div class="word-tit"> <span class="docx">网页布局.doc</span> <span>将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印</span> <span>下载失败或者文档不完整，请联系客服人员解决！</span> </div> <div class="word-pic"><a href="javascript:;">下载这篇word文档</a></div> </div> <div class="show-url">本文链接：<a href="">https://www.77cn.com.cn/wenku/zonghe/660901.html</a>（转载请注明文章来源） </div> <div class="block6">上一篇：<a href='/wenku/zonghe/660900.html'>让错误成为小学教学的亮点</a> <br/> 下一篇：<a href='/wenku/zonghe/660902.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/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/1263351.html">石油大学《化工原理二》2021期末考试答案</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/1157609.html">建筑节能检测习题集（84页）</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215568.html">高考物理(考点解读命题热点突破)专题06 机械能守恒定</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215769.html">1 2014.10.23第一次财务会计理论与实务课堂笔记</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215778.html">通信资源管理系统介绍(GIS)</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215564.html">年产60万吨PTA项目环境影响报告书</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215563.html">2016小学生读书笔记范文</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215562.html">Dhlrwk谈中学生英语学习策略</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215560.html">数电课程设计报告洗衣机自动控制电路</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215558.html">2018年最新湖南省长沙市长郡中学2018届上学期高三第</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215557.html">2015督导评估教育教学自查总结</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215556.html">【全国百强校】江西省临川区第一中学2015届高三考前最</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215555.html">原子吸收复习题及参考答案</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215554.html">浅析财务管理对企业的重要性</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215770.html">2017-2018学年七年级人教版道德与法治上册(部编版)期</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215771.html">财政学第四章社会消费性支出——购买性支出之一习题集</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215549.html">《现代设计方法》2014考题及答案</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215548.html">现代文阅读--标题的含义及作用</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/215547.html">2017西师版小学二年级数学下册教案全册</a></li> <li><em>[<a href='/wenku/zonghe/'>综合文库</a>]</em><a href="/wenku/zonghe/218000.html">人工砂石料加工厂设计说明</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/youxiaoketang/'>幼小课堂</a></li> <li><a href='/wenku/zhongkaochuzhong/'>中考初中</a></li> <li><a href='/wenku/gaokaogaozhong/'>高考高中</a></li> <li><a href='/wenku/chengjiaodaxue/'>成教大学</a></li> <li><a href='/wenku/yingyu/'>英语学习</a></li> <li><a href='/wenku/gongwuyuan/'>公务员考试</a></li> <li><a href='/wenku/jiaoxue/'>教师教学</a></li> <li><a href='/wenku/shiyong/'>实用文档</a></li> <li><a href='/wenku/zonghe/' class='on'>综合文库</a></li> <li><a href='/wenku/yiyao/'>医药卫生</a></li> <li><a href='/wenku/jiaoyu/'>教育文库</a></li> <li><a href='/fanwen/'>范文大全</a></li> <div class="clear"> </div> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 热门标签 </div> <div class="block3 right-tag"> <a href='/tags/68389.html'>答题规律</a> <a href='/tags/68388.html'>高考历史</a> <a href='/tags/68378.html'>疫情防控</a> <a href='/tags/68387.html'>知识小测验</a> <a href='/tags/68386.html'>驻村帮扶</a> <a href='/tags/68385.html'>白晓卉</a> <a href='/tags/13946.html'>三八红旗手</a> <a href='/tags/68383.html'>动态清零</a> <a href='/tags/68384.html'>精准防控</a> <a href='/tags/4523.html'>幼儿园</a> <a href='/tags/68382.html'>交通安全日</a> <a href='/tags/6672.html'>端午节</a> <a href='/tags/68381.html'>文明祭祀</a> <a href='/tags/6189.html'>清明节</a> <a href='/tags/1269.html'>倡议书</a> <a href='/tags/68380.html'>小我融入</a> <a href='/tags/68379.html'>献给祖国</a> <a href='/tags/1879.html'>青春</a> <a href='/tags/68376.html'>天宫课堂</a> <a href='/tags/68377.html'>观后笔记</a> <a href='/tags/4013.html'>观后感</a> <a href='/tags/68375.html'>村级党风</a> <a href='/tags/141.html'>廉政</a> <a href='/tags/68373.html'>强国有我</a> <a href='/tags/68374.html'>心得范文</a> <a href='/tags/68372.html'>青春献礼</a> <a href='/tags/16634.html'>主题活动</a> <a href='/tags/68371.html'>全国防灾减灾日</a> <a href='/tags/99.html'>心得体会</a> <a href='/tags/14701.html'>岗位职责</a> </div> </div> <div class="region2 u_2"> <div class="t_1"> 热门范文 </div> <ul class="block1"> <li><a href="/wenku/zonghe/175782.html">云客服基础考试</a></li> <li><a href="/wenku/zonghe/158762.html">《红星照耀中国--》名著阅读练习题及答</a></li> <li><a href="/wenku/zonghe/176003.html">红星照耀中国练习题及答案</a></li> <li><a href="/wenku/zonghe/171844.html">《红星照耀中国》练习题</a></li> <li><a href="/wenku/zonghe/159778.html">人教部编版2018-2019学年八年级语文上</a></li> <li><a href="/wenku/zonghe/183326.html">化工导论试题</a></li> <li><a href="/wenku/zonghe/182252.html">八年级上册名著导读练习——《红星照耀</a></li> <li><a href="/wenku/zonghe/162180.html">人教版语文八(上)名著导读《红星照耀中</a></li> <li><a href="/wenku/zonghe/185266.html">2018年江苏省第八届就业创业知识竞赛题</a></li> <li><a href="/wenku/zonghe/168880.html">《红星照耀中国》导读及练习题附答案</a></li> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 最新范文 </div> <ul class="block3 u_1"> <li><a href="/wenku/zonghe/1263351.html">石油大学《化工原理二》2021期末考试答</a></li> <li><a href="/wenku/zonghe/1157609.html">建筑节能检测习题集（84页）</a></li> <li><a href="/wenku/zonghe/215568.html">高考物理(考点解读命题热点突破)专题06</a></li> <li><a href="/wenku/zonghe/215769.html">1 2014.10.23第一次财务会计理论与实务</a></li> <li><a href="/wenku/zonghe/215778.html">通信资源管理系统介绍(GIS)</a></li> <li><a href="/wenku/zonghe/215564.html">年产60万吨PTA项目环境影响报告书</a></li> <li><a href="/wenku/zonghe/215563.html">2016小学生读书笔记范文</a></li> <li><a href="/wenku/zonghe/215562.html">Dhlrwk谈中学生英语学习策略</a></li> <li><a href="/wenku/zonghe/215560.html">数电课程设计报告洗衣机自动控制电路</a></li> <li><a href="/wenku/zonghe/215558.html">2018年最新湖南省长沙市长郡中学2018</a></li> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 随机推荐 </div> <ul class="block3 u_1"> <li><a href="/wenku/zonghe/1263351.html">石油大学《化工原理二》2021期末考试答</a></li> <li><a href="/wenku/zonghe/1157609.html">建筑节能检测习题集（84页）</a></li> <li><a href="/wenku/zonghe/215568.html">高考物理(考点解读命题热点突破)专题06</a></li> <li><a href="/wenku/zonghe/215769.html">1 2014.10.23第一次财务会计理论与实务</a></li> <li><a href="/wenku/zonghe/215778.html">通信资源管理系统介绍(GIS)</a></li> <li><a href="/wenku/zonghe/215564.html">年产60万吨PTA项目环境影响报告书</a></li> <li><a href="/wenku/zonghe/215563.html">2016小学生读书笔记范文</a></li> <li><a href="/wenku/zonghe/215562.html">Dhlrwk谈中学生英语学习策略</a></li> <li><a href="/wenku/zonghe/215560.html">数电课程设计报告洗衣机自动控制电路</a></li> <li><a href="/wenku/zonghe/215558.html">2018年最新湖南省长沙市长郡中学2018</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 © 2008-2022 免费范文网版权所有<br/> 声明 :本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。<br/> 客服QQ：邮箱：tiandhx2@hotmail.com<br/>苏ICP备16052595号-18 </div> <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"> $(".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> <div style="display:none;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e245478384fea490ec3a2317ee103ab"; 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> <div class="theme-popover"> <div class="theme-poptit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>注册会员免费下载</b>（下载后可以自由复制和排版） </div> <div class="theme-popbod dform"> <div class="pay-inf"> <div class="guest"><img src="/style/images/logo.png" alt=""></div>              <div class="vip"> <div class="pay-tit">注册会员下载</div>  <div class="pay-viptip">全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上注册会员</a></div> </div> <div class="vip-up"> <div class="pay-tit">注册会员下载</div>  <div class="pay-viptip">全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上注册会员</a></div> </div> <div class="pay-tips">注：下载文档有可能“只有目录或者内容不全”等情况，请下载之前注意辨别，如果您已付费且无法下载或内容有问题，请联系我们协助你处理。<br>微信： QQ：</div> </div> </div> </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(100); $('.theme-popover').slideDown(200); $.ajax({ type: "POST", dataType: "json", url: "/user/check_rank.php", data: {'aid': '660901'}, async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2") { //游客 $(".vip-up").hide(); $(".vip-pay").hide(); var downid = '660901' $('.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 = '660901' $('.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('特权会员到期！', {icon: 2}); } else { location.href = '/plus/d.php?id=660901'; } } }); }) $('.theme-poptit .close').click(function () { $('.theme-popover-mask').fadeOut(100); $('.theme-popover').slideUp(200); }) }) </script> <script type="text/javascript"> $(document).ready(function ($) { $.ajax({ type: "POST", dataType: "json", data: {'aid': '660901'}, url: "/user/check_rank.php", async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2") { $(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(100); $('.theme-popover').slideDown(200); return false; } } } }); }) </script> </body> </html>