常见页面布局
页面布局常受到硬件条件（显示器的大小和分辨率）和技术的限制，所以归纳起来大致有六种类型： （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=https://www.bwwdw.com/plus/“文件路径” 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> </p><p>Finishopacity指结束不透明度0-100； </p><p>Style 0—30均匀,1线性，2放射，3矩形。 </p><p>动态鼠标支持的图标.cur(静态鼠标图标)\\.ani（动态鼠标） 表单元素 </p><p>单选按钮必须使用统一名称 提交的三种处理方法 默认：浏览器默认的方法 </p><p>Get：把表单值添加给URL并向服务器发送get请求（处理信息不安全） Post：在消息正文中发送表单值，并向服务器发送post请求。 Submit提交按钮 Select Option 如下： </p><p><Input type=text name=” dds” Input type=password密码 Input type=radio单选按钮 Input type =checkbox复选框 行为 </p><p>行为是事件和动作的组合 </p><p>id =’’ fg” value =” ”/>文本字段 事件由方法和属性组成 </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> </p><p></p><p> </p><p> </p><p> </p><p> </p><p>女装批发，蝴蝶铺 </p><p> </p><p>http://www.hudiepu.com XHWE0KKyfaHo </p><p> </p><p></p> <p>本文来源：<a href="https://www.bwwdw.com/article/7xsg.html">https://www.bwwdw.com/article/7xsg.html</a></p><span class="doc-download-e"></span>
</div>
<script type="text/javascript">s("download_bottom");</script>
<div class="related_article">
<div class="related_top"><code>相关文章：</code></div>
<ul><li><a href="https://www.bwwdw.com/article/7xsg.html" target="_blank" title="网页布局">网页布局</a></li><li><a href="https://www.bwwdw.com/article/fhzg.html" target="_blank" title="网页布局">网页布局</a></li><li><a href="https://www.bwwdw.com/article/pk8j.html" target="_blank" title="使用表格布局网页">使用表格布局网页</a></li><li><a href="https://www.bwwdw.com/article/y9f1.html" target="_blank" title="使用表格布局网页">使用表格布局网页</a></li><li><a href="https://www.bwwdw.com/article/441j.html" target="_blank" title="网页布局设计精彩作品欣赏">网页布局设计精彩作品欣赏</a></li><li><a href="https://www.bwwdw.com/article/mmn4.html" target="_blank" title="网页布局设计精彩作品欣赏">网页布局设计精彩作品欣赏</a></li><li><a href="https://www.bwwdw.com/article/11e4.html" target="_blank" title="DIV+CSS网页布局技巧实例">DIV+CSS网页布局技巧实例</a></li><li><a href="https://www.bwwdw.com/article/wori.html" target="_blank" title="第3章 规划网页布局(完成)">第3章 规划网页布局(完成)</a></li><li><a href="https://www.bwwdw.com/article/jk7x.html" target="_blank" title="网页页面布局动态生成方法">网页页面布局动态生成方法</a></li><li><a href="https://www.bwwdw.com/article/lgp8.html" target="_blank" title="网页页面布局动态生成方法">网页页面布局动态生成方法</a></li></ul>
</div>
<div class="in_reading"><p class="rel_art_line">正在阅读：</p><p><a target="_blank" href="https://www.bwwdw.com/article/7xsg.html" title="网页布局">网页布局</a><span>04-29</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/mb0w.html" title="2007年预报业务测试题(1)答案">2007年预报业务测试题(1)答案</a><span>01-26</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/xkxw.html" title="基于GIS的农用地定级技术研究定稿">基于GIS的农用地定级技术研究定稿</a><span>02-04</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/yc4i.html" title="小升初英语全面复习教案总编(语法讲解、配套练习和答案)">小升初英语全面复习教案总编(语法讲解、配套练习和答案)</a><span>08-26</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/dop4.html" title="案例：海南发展银行的倒闭">案例：海南发展银行的倒闭</a><span>05-29</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/d93i.html" title="苏教版小学三年级科学上册《固体的混合与分离》教学设计">苏教版小学三年级科学上册《固体的混合与分离》教学设计</a><span>09-05</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/9udl.html" title="新版珍珠控台操作手册">新版珍珠控台操作手册</a><span>04-05</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/c8k5.html" title="公司仓库管理制度">公司仓库管理制度</a><span>12-12</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/mpgv.html" title="2013-2014二年级语文上册 期中测试卷（无答案） 人教新课标版">2013-2014二年级语文上册 期中测试卷（无答案） 人教新课标版</a><span>11-23</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/luzb.html" title="学雷锋活动通讯稿">学雷锋活动通讯稿</a><span>02-08</span></p></div>
<div class="previous">
<span class="pre">上一篇：<a title="统计业务知识" href="https://www.bwwdw.com/article/6xsg.html">统计业务知识</a></span>
<span class="next">下一篇：<a title="05年福州市高职单招计算机模拟卷2" href="https://www.bwwdw.com/article/gxsg.html">05年福州市高职单招计算机模拟卷2</a></span>
</div>
</div>
</div>
<div class="right-side">
<div class="right_fix">
<script type="text/javascript">s("right_top");</script>
<div class="hotSearch"><div class="hotSearch_tl"><span></span>相关文章</div><ul><li><span>1</span><a href="https://www.bwwdw.com/article/eqb2.html" title="浅谈DIV+CSS网页制作快速布局" target="_blank">浅谈DIV+CSS网页制作快速布局</a></li><li><span>2</span><a href="https://www.bwwdw.com/article/yg5h.html" title="div层仿网页框架布局特效代码" target="_blank">div层仿网页框架布局特效代码</a></li><li><span>3</span><a href="https://www.bwwdw.com/article/sw6j.html" title="12天学会div+css 网页制作 布局" target="_blank">12天学会div+css 网页制作 布局</a></li><li><span>4</span><a href="https://www.bwwdw.com/article/w663.html" title="DIV CSS网页布局常用的方法与技巧" target="_blank">DIV CSS网页布局常用的方法与技巧</a></li><li><span>5</span><a href="https://www.bwwdw.com/article/npvi.html" title="Div+CSS基础代码网页布局+实例教程" target="_blank">Div+CSS基础代码网页布局+实例教程</a></li><li><span>6</span><a href="https://www.bwwdw.com/article/3tj8.html" title="19第十二课用表格为网页布局" target="_blank">19第十二课用表格为网页布局</a></li><li><span>7</span><a href="https://www.bwwdw.com/article/btdw.html" title="用DIV+CSS实现网页布局及网站设计" target="_blank">用DIV+CSS实现网页布局及网站设计</a></li><li><span>8</span><a href="https://www.bwwdw.com/article/m251.html" title="利用Flash交互技术实现个性化网页布局" target="_blank">利用Flash交互技术实现个性化网页布局</a></li><li><span>9</span><a href="https://www.bwwdw.com/article/e1tr.html" title="美化我的网页 - -css+div布局页面（习题） - 图文" target="_blank">美化我的网页 - -css+div布局页面（习题） - 图文</a></li><li><span>10</span><a href="https://www.bwwdw.com/article/0g5o.html" title="美化我的网页 - -css+div布局页面（习题） - 图文" target="_blank">美化我的网页 - -css+div布局页面（习题） - 图文</a></li></ul></div>
<script type="text/javascript">s("right_mid");</script>
<div class="right_list"><div class="right_list_t"><i></i><span>最新文章</span></div><ul><li><a href="https://www.bwwdw.com/article/u3q7.html" target="_blank" title="KBZT-IV6301140Z防爆电器智能型综合保护特性试验台">KBZT-IV6301140Z防爆电器智能型综合保护特性试验台</a></li><li><a href="https://www.bwwdw.com/article/yuq7.html" target="_blank" title="河南省2016年上半年电机装配工：电力机车电工考试试题">河南省2016年上半年电机装配工：电力机车电工考试试题</a></li><li><a href="https://www.bwwdw.com/article/63q7.html" target="_blank" title="施工组织">施工组织</a></li><li><a href="https://www.bwwdw.com/article/33q7.html" target="_blank" title="化学学习经验交流（精选多篇）">化学学习经验交流（精选多篇）</a></li><li><a href="https://www.bwwdw.com/article/g3q7.html" target="_blank" title="LPC2114中文翻译 - 图文">LPC2114中文翻译 - 图文</a></li><li><a href="https://www.bwwdw.com/article/73q7.html" target="_blank" title="新北师大版一年级数学上册第六单元《认识图形》教学设计">新北师大版一年级数学上册第六单元《认识图形》教学设计</a></li><li><a href="https://www.bwwdw.com/article/r3q7.html" target="_blank" title="过程控制试题一及答案">过程控制试题一及答案</a></li><li><a href="https://www.bwwdw.com/article/p3q7.html" target="_blank" title="八年级物理下册 9.1 压强（第1课时）学案（无答案）（新版）新人">八年级物理下册 9.1 压强（第1课时）学案（无答案）（新版）新人</a></li><li><a href="https://www.bwwdw.com/article/a3q7.html" target="_blank" title="《重庆市企业投资项目核准和备案管理办法(2017年本)》(渝府发〔2">《重庆市企业投资项目核准和备案管理办法(2017年本)》(渝府发〔2</a></li><li><a href="https://www.bwwdw.com/article/83q7.html" target="_blank" title="中国带鱼行业市场规模分析及发展趋势预测报告2016-2021年">中国带鱼行业市场规模分析及发展趋势预测报告2016-2021年</a></li><li><a href="https://www.bwwdw.com/article/w3q7.html" target="_blank" title="教师招聘面试">教师招聘面试</a></li><li><a href="https://www.bwwdw.com/article/b3q7.html" target="_blank" title="政治经济学单选题">政治经济学单选题</a></li><li><a href="https://www.bwwdw.com/article/x3q7.html" target="_blank" title="2013房地产开发与经营复习题">2013房地产开发与经营复习题</a></li><li><a href="https://www.bwwdw.com/article/o3q7.html" target="_blank" title="大学英语2(1～5单元)">大学英语2(1～5单元)</a></li><li><a href="https://www.bwwdw.com/article/t3q7.html" target="_blank" title="刚体力学基础习题思考题">刚体力学基础习题思考题</a></li><li><a href="https://www.bwwdw.com/article/53q7.html" target="_blank" title="电梯安装、维修、改造程序文件">电梯安装、维修、改造程序文件</a></li><li><a href="https://www.bwwdw.com/article/23q7.html" target="_blank" title="2015年专业设计服务行业现状及发展趋势分析">2015年专业设计服务行业现状及发展趋势分析</a></li><li><a href="https://www.bwwdw.com/article/v3q7.html" target="_blank" title="哈尔滨师范大学2016年硕士研究生招生简章 - 图文">哈尔滨师范大学2016年硕士研究生招生简章 - 图文</a></li><li><a href="https://www.bwwdw.com/article/d3q7.html" target="_blank" title="《童年的秘密》对当代幼儿教师的启示">《童年的秘密》对当代幼儿教师的启示</a></li><li><a href="https://www.bwwdw.com/article/f3q7.html" target="_blank" title="《草原就是我的家》音乐教学设计">《草原就是我的家》音乐教学设计</a></li><li><a href="https://www.bwwdw.com/%E5%B8%83%E5%B1%80/" target="_blank" title="布局">布局</a></li><li><a href="https://www.bwwdw.com/%E7%BD%91%E9%A1%B5/" target="_blank" title="网页">网页</a></li></ul></div>
<script type="text/javascript">s("right_bottom");</script>
<div class="right_list"><div class="right_list_t"><i></i><span>推荐文章</span></div><ul><li><a href="https://www.bwwdw.com/article/pxsg.html" target="_blank" title="整理《社区概论》 - 图文">整理《社区概论》 - 图文</a></li><li><a href="https://www.bwwdw.com/article/rxsg.html" target="_blank" title="“尊重生命，关爱动物” - - “私宠之家”流浪猫狗收容所义工活">“尊重生命，关爱动物” - - “私宠之家”流浪猫狗收容所义工活</a></li><li><a href="https://www.bwwdw.com/article/8xsg.html" target="_blank" title="小学阅读训练每日一练（适合4-6年级）">小学阅读训练每日一练（适合4-6年级）</a></li><li><a href="https://www.bwwdw.com/article/axsg.html" target="_blank" title="《长颈鹿与小鸟》说课稿">《长颈鹿与小鸟》说课稿</a></li><li><a href="https://www.bwwdw.com/article/bxsg.html" target="_blank" title="专四英语单选题4">专四英语单选题4</a></li><li><a href="https://www.bwwdw.com/article/wxsg.html" target="_blank" title="2018届高考非连续性文本阅读精选15则">2018届高考非连续性文本阅读精选15则</a></li><li><a href="https://www.bwwdw.com/article/oxsg.html" target="_blank" title="二级建造师继续教育-BIM技术应用">二级建造师继续教育-BIM技术应用</a></li><li><a href="https://www.bwwdw.com/article/xxsg.html" target="_blank" title="罗湖区民生微实事服务类项目规范指引（最终版）">罗湖区民生微实事服务类项目规范指引（最终版）</a></li><li><a href="https://www.bwwdw.com/article/5xsg.html" target="_blank" title="2016大班暑期安全教案反思">2016大班暑期安全教案反思</a></li><li><a href="https://www.bwwdw.com/article/txsg.html" target="_blank" title="三年级数学上册知识树">三年级数学上册知识树</a></li><li><a href="https://www.bwwdw.com/article/3xsg.html" target="_blank" title="2010年高考物理一轮考点典型例题解析专题辅">2010年高考物理一轮考点典型例题解析专题辅</a></li><li><a href="https://www.bwwdw.com/article/uxsg.html" target="_blank" title="美国联邦政府诉美洲铝业公司垄断案">美国联邦政府诉美洲铝业公司垄断案</a></li><li><a href="https://www.bwwdw.com/article/yosg.html" target="_blank" title="数据结构试题汇总">数据结构试题汇总</a></li><li><a href="https://www.bwwdw.com/article/cosg.html" target="_blank" title="《2.1旅游景观欣赏方法》说课稿">《2.1旅游景观欣赏方法》说课稿</a></li><li><a href="https://www.bwwdw.com/article/9osg.html" target="_blank" title="绩溪县扬之河瀛洲段施组2标">绩溪县扬之河瀛洲段施组2标</a></li><li><a href="https://www.bwwdw.com/article/zosg.html" target="_blank" title="如何改进自己的不足和缺点">如何改进自己的不足和缺点</a></li><li><a href="https://www.bwwdw.com/article/0osg.html" target="_blank" title="口腔助理医师考试解剖生理学知识点总结">口腔助理医师考试解剖生理学知识点总结</a></li><li><a href="https://www.bwwdw.com/article/sosg.html" target="_blank" title="物联网实验报告">物联网实验报告</a></li><li><a href="https://www.bwwdw.com/article/kosg.html" target="_blank" title="Discuz!各版本拿Webshell">Discuz!各版本拿Webshell</a></li><li><a href="https://www.bwwdw.com/article/nosg.html" target="_blank" title="中国生物燃料市场调研报告">中国生物燃料市场调研报告</a></li></ul></div> </div>
</div>
</div>
<div class="footer">
<p>Copyright©<script>timestamp2date(1);</script><a href="https://www.bwwdw.com/" target="_blank" title="博文网">博文网</a>bwwdw.com 版权所有</p>
<p class="gray"><a href="https://www.bwwdw.com/article/" target="_blank">最新更新</a> | <a href="https://www.bwwdw.com/hot/" target="_blank">热点专题</a> | <a href="https://www.bwwdw.com/sitemap.html" target="_blank">网站地图</a> | <a href="https://www.bwwdw.com/tag/" target="_blank">TAG专题</a> | <a href="https://www.bwwdw.com/sitemap.xml" target="_blank">XML地图</a> | <a href="https://so.bwwdw.com" target="_blank">范文搜索</a><script type="text/javascript">tj();</script></p>
</div>
<a href="#0" class="cd-top">Top</a>
<script src="/static/fanwen/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
document.write('<script type="text/javascript" src="/static/fanwen/js/pubuliu.js?'+RAND_STR+'"><\/script>');
document.write('<script type="text/javascript" src="/static/fanwen/js/lazyimg.js?'+RAND_STR+'"><\/script>');
document.write('<script type="text/javascript" src="/static/fanwen/js/gotop.js?'+RAND_STR+'"><\/script>');
</script>
<script type="text/javascript">
$.ajax({
"url":"https://www.bwwdw.com/open/doc/readViews.json?id=7xsg",
"type":"get",
"data":"",
"dataType":"json",
"success":function(res){
$("#read_views").html(res.data);
}
});
</script>
<script type="text/javascript">bottomAction();</script>
</body>
</html>