本书通过一个完整的门户网站项目全面系统地介绍了使用HTML+CSS+JavaScript技术来制作静态网站的方法,内容包括网站开发流程和相关岗位职责与要求、HTML+CSS+JavaScript的基本语法、网页客户端开发方法与技巧、网站的部署和运营等。本书以“讲清语法、学以致用”为指导思想,秉承“教、学、做合一”的原则,以“激发学者兴趣”为着眼点,认真组织内容,精心设计案例。书中内容浅显易懂并且实用,不仅仅将笔墨着力于语法讲解上,还通过一个个鲜活、典型的小实例,以及完整的门户网站来贯穿全书,达到学以致用的目的。同时又紧跟HTML5与CSS3的*新发展动态,适应性和实战性较强。
HTML+CSS+JavaScript网络客户端程序设计_谢英辉_电子工业出版社_

本书适合的读者
本书通过一个整体门户网站项目来讲解HTML、JavaScript和CSS的基本语法,书中每个知识点都有一个鲜活、典型的小实例,并在每章节后面有一个章节为知识综合案例,使学者达到学以致用的目的。本书可作为网页制作初学者的入门教程,同时也可为网站建设的专业人士提供一些参考。
为什么要学习HTML、JavaScript和CSS技术
Internet又称因特网,是全球性的网络,是一种公用信息的载体,这种大众传媒比以往的任何一种通讯媒体都要快,它缩短了人与人之间的距离,而网站就是Internet中信息载体的宿主单元,网站中的网页是人与人交流的主要窗口,因此,作为计算机相关专业的学生,无论是专业的网站设计人员,还是网站爱好者,都应该掌握一定的网站建设与制作技术。
如今建设互联网的各种新技术层出不穷并且日新月异,但有一点是肯定的,不管是采用什么技术设计的网站,用户在客户端通过浏览器打开看到的网页都是静态网页,都是由HTML、JavaScript和CSS技术构成的,所以如果您想从事网页设计或从事网站管理相关工作,就必须学习HTML、JavaScript和CSS技术,哪怕只是简单地了解,因为HTML、JavaScript和CSS技术是网页制作技术的基础和核心。
本书特色
(1)针对性、适用性强。
本书的编者都有10年以上软件开发教学经验,3年以上软件企业项目开发与管理企业经验,教材的编写是在大量的企业需求调查、学校学生调查的基础上进行的,**讲解HTML、JavaScript和CSS网站客户端技术。
在本书的编写中,本着“学生会学,教师好教,企业需要”的原则,注意理论与实践的一体化,并注重实用性,每个知识点的介绍采用理论介绍、案例源代码、运行效果和源代码解释4个步骤完成,每章节有一个综合案例,综合案例针对软件企业项目开发过程来讲解,步骤为提出问题,分析问题,一步步解决问题,适用性非常强。并且为了学生扩展能力的培养,每章节中安排了学生任务扩展的项目实训。
(2)精心设计,理论与案例实训**结合。
本书以HTML语言、JavaScript脚本、CSS样式三方面的知识,将教材分为15章,每章节的讲解都是先讲解理论知识,再介绍小案例,*后以完整网站项目贯通详解。
本书不仅仅分章节讲解HTML语言、JavaScript脚本、CSS样式三方面的知识,还试图为读者描绘一幅HTML、CSS、JavaScript的角色图,即HTML、CSS、JavaScript三者在网页制作这个大的生态环境中各自扮演的角色。
其中,HTML是网页制作的主要语言,是页面的基础架构;CSS简称样式表,是目前**的网页页面排版样式标准,它能使任何浏览器都听从指令,可开发Internet客户端的应用程序,Javascript是基于对象和事件驱动并具有相对**性的客户端脚本语言,主要用来给HTML网页添加动态功能,比如响应用户的各种操作,减轻服务器端压力。
���计网站时需要利用相关工具来完成,好的工具能使设计者事半功倍,目前比较流行的网页设计工具是Dreamweaver,利用Dreamweaver进行网页设计在本书中有详细介绍。
设计出来的网站,必须能通过浏览器访问,甚至要能通过Internet来访问,所以网站必须要部署与发布,部署与发布有局域网和Internet发布,并且发布需要熟悉过程和一些网络术语,这在本书中都有详细介绍。
了解了以上内容,可以使读者理清思路,避免盲目学习,不然读者在学习过程中会有盲人摸象的感觉。
致谢
本书的编写过程是一个不断解决问题和完善的过程,在编写的过程中,所有参加教材编写的老师都是尽心尽力,利用宝贵的休息时间来编写的,是他们对本书编写进行了大量的调研,多次审订,并提出宝贵的修改意见,才使得本书得以顺利出版,否则本书不可能形成,在此表示忠心的感谢,同时也感谢书后参考文献的所有作者们,感谢他们的资料给予本书的引导作用。
本书由谢英辉任主编并负责教材总体设计与统稿,胡胜丰、雷军环,彭维捷,刘灿勋任副主编,参与了本书的编写工作和相关资料的整理工作,其中谢英辉负责第1、2、3、13、14、15章的编写,胡胜丰负责第8、9、10、11、12章的编写,雷军环负责第4、5章的编写,彭维捷负责第6章的编写,刘灿勋负责第7章的编写。
本书的结构是一种新的尝试,能否得到同行的认可,能否给教学带来新的感受,都要经过实践的检验。由于作者水平有限,错误之处在所难免,恳请各位读者给予批评和指正。
编 者

第1章 网站部署与发布及设计分析 /1
1.1 网页的基本概念 /1
1.2 网站的发布与测试 /5
1.2.1 在实验室或局域网内部发布HTML页面 /5
1.2.2 在Internet上发布网站 /7
1.3 软件开发流程 /8
1.4 网站开发人员相关岗位职责和要求 /10
1.5 网站开发工具和项目实施 /11
1.6 项目实训:免费域名的注册与空间申请 /12
1.7 综合练习 /12
第2章 HTML页面与框架 /14
2.1 HTML页面文件的整体结构 /15
2.2 HTML文件的标签与语法 /15
2.3 HTML文档编写规范 /16
2.4 利用Dreamweaver进行HTML页面设计 /16
2.4.1 Dreamweaver介绍 /16
2.4.2 Dreamweaver设计页面过程 /19
2.5 项目实训:独立动手制作网页 /21
2.6 认识框架与框架集网页 /21
2.7 典型应用项目范例:利用框架制作设计院门户网站网页 /23
2.8 项目实训:利用框架设计网页 /27
2.9 综合练习 /27
第3章 表格 /29
3.1 表格标签 /29
3.1.1 利用标签布局网站页面 /29
3.1.2 利用、

和

标签设计统计数据表格 /30 3.2 格式化表格与单元格 /32 3.2.1 通过设置表格的宽度高度和边框颜色来突出网页主题 /32 3.2.2 设置滚动公告消息的背景颜色与背景图片 /33 3.2.3 设置表格的边框大小和显示方式 /34 3.2.4 数据表格整体位置及单元格数据对齐方式的设置 /35 3.2.5 单元格背景颜色与背景图片的制作 /36 3.3 表格标题制作 /37 3.4 合并单元格 /38 3.5 设置表格的表头、主体与表尾 /39 3.6 表格列的设置 /41 3.7 典型应用项目范例:利用表格布局门户网站页面 /42 3.8 项目实训:大学门户网站首页布局设计 /46 3.9 综合练习 /47 第4章 表单 /48 4.1 认识表单 /48 4.1.1 表单简介 /48 4.1.2 标签 /48 4.2 使用输入标签插入数据控件 /50 4.3 列表标签 /53 4.4 文字域标签 /55<br />4.5 虚框修饰标签<fieldset><legend> /56<br />4.6 典型应用项目范例:设计用户注册功能 /57<br />4.7 文件上传与下载 /60<br />4.8 项目实训:学生独立完成留言簿功能 /63<br />4.9 综合练习 /64<br />第5章 HTML网页格式设置 /65<br />5.1 HTML网页文字美化 /65<br />5.1.1 标题字格式 /65<br />5.1.2 文字修饰 /67<br />5.1.3 字体设置 /71<br />5.2 HTML网页段落设置 /73<br />5.3 HTML网页列表显示 /75<br />5.3.1 有序列表 /76<br />5.3.2 无序列表 /77<br />5.4 HTML网页其他标签 /80<br />5.4.1 水平线标签<HR> /80<br />5.4.2 滚动文字标签<MARQUEE> /82<br />5.4.3 输入空格等特殊符号 /84<br />5.4.4 插入或删除线标签 /84<br />5.4.5 设置提示文字 /84<br />5.4.6 设置跑马灯效果 /85<br />5.5 典型应用项目范例:网站滚动消息公告设计 /86<br />5.6 综合练习 /89<br />第6章 图片与超链接 /90<br />6.1 网页图片的格式 /90<br />6.2 插入图片 /91<br />6.3 设置影像地图 /94<br />6.3.1 定义影像地图热点 /94<br />6.3.2 在HTML文件中建立影像地图 /95<br />6.3.3 建立图像影像关联 /96<br />6.4 典型应用项目范例:影像地图在门户网站中的应用 /97<br />6.5 路径的概念 /98<br />6.5.1 统一资源定位器URL /98<br />6.5.2 相对路径和**路经 /99<br />6.6 超链接标签<A> /100<br />6.7 超链接的应用 /101<br />6.7.1 图片链接 /101<br />6.7.2 邮箱链接 /102<br />6.7.3 书签链接 /103<br />6.7.4 其他相关标签 /104<br />6.8 典型应用项目范例:超链接在项目中的应用 /105<br />6.9 综合练习 /107<br />第7章 网页上的特殊元素与** /109<br />7.1 加入音乐 /109<br />7.1.1 常见的音乐格式 /110<br />7.1.2 音乐相关的标签 /111<br />7.2 加入视频和Flash /113<br />7.3 元信息标签<META>的应用 /115<br />7.4 嵌入Java Applet实现烟花**网页 /118<br />7.5 嵌入JavaScript实现跑马灯**网页 /119<br />7.6 典型应用项目范例:嵌入Flash网页动画 /120<br />7.7 综合练习 /121<br />第8章 JavaScript基础语法 /123<br />8.1 JavaScript概述 /123<br />8.2 JavaScript的功能 /124<br />8.3 编写**个JavaScript程序 /125<br />8.4 在HTML页面中引入JavaScript的方式 /126<br />8.4.1 内部引用JavaScript /126<br />8.4.2 外部引用JavaScript /127<br /> <br />8.4.3 内联引用JavaScript /128<br />8.5 JavaScript基本语法 /129<br />8.5.1 JavaScript代码编写格式及规范 /129<br />8.5.2 JavaScript保留字 /130<br />8.5.3 基本的输出方法 /130<br />8.6 JavaScript交互基本方法 /131<br />8.6.1 显示警告对话框的alert( )方法 /131<br />8.6.2 显示确认对话框的confirm( )方法 /132<br />8.6.3 显示提示对话框的prompt( )方法 /133<br />8.7 基本数据类型、常量和变量 /135<br />8.7.1 基本数据类型 /135<br />8.7.2 常量 /135<br />8.7.3 变量 /136<br />8.7.4 变量的声明及作用域 /136<br />8.8 表达式和运算符 /137<br />8.8.1 表达式 /137<br />8.8.2 算术运算符和赋值运算符 /138<br />8.8.3 比较运算符和逻辑运算符 /141<br />8.8.4 位运算符和条件运算符 /143<br />8.8.5 其他运算符 /144<br />8.8.6 运算符的优先级 /147<br />8.9 典型应用项目范例:在网页上显示系统日期时间 /148<br />8.10 项目实训:根据半径的值求圆的周长、面积和体积 /149<br />8.11 综合练习 /149<br />第9章 JavaScript程序控制语句 /150<br />9.1 顺序控制语句 /150<br />9.2 分支控制语句 /152<br />9.2.1 if语句 /152<br />9.2.2 if...else语句 /153<br />9.2.3 switch语句 /155<br />9.3 循环控制语句 /157<br />9.3.1 while语句 /157<br />9.3.2 do…while语句 /158<br />9.3.3 for 语句 /159<br />9.3.4 for…in语句 /161<br />9.3.5 break和continue语句 /163<br />9.4 典型应用项目范例:网页分时问候 /163<br />9.5 项目实训:将成绩分数按4个等级输出结果 /165<br />9.6 综合练习 /165<br />第10章 JavaScript函数与对象 /166<br />10.1 函数概述 /166<br />10.2 JavaScript内置函数 /167<br />10.3 自定义函数 /181<br />10.4 典型应用项目范例:在网页上实现日期验证 /183<br />10.5 内置对象 /186<br />10.5.1 浏览器信息对象(navigator) /186<br />10.5.2 窗口对象(window) /188<br />10.5.3 屏幕对象(screen) /191<br />10.5.4 历史记录对象(history) /191<br />10.5.5 文档对象(document) /191<br />10.6 JavaScript操作页面中标签元素与属性 /192<br />10.6.1 页面标签对象的引用 /192<br />10.6.2 HTML文档中控件对象的属性 /195<br />10.6.3 表单及其控件的访问 /196<br />10.7 典型应用项目范例:弹出“用户登记”新窗口 /197<br />10.8 综合练习 /199<br />第11章 JavaScript事件触发与响应处理 /200<br />11.1 事件触发与响应 /200<br />11.2 常用事件程序编写 /201<br />11.2.1 click事件 /201<br />11.2.2 change事件 /202<br />11.2.3 select事件 /202<br />11.2.4 focus事件 /203<br />11.2.5 load事件 /204<br />11.2.6 鼠标移动事件 /205<br />11.2.7 onblur事件 /207<br />11.3 其他常用事件 /208<br />11.4 典型应用项目范例:Web页面打印 /210<br />11.5 综合练习 /212<br />第12章 JavaScript应用实例 /213<br />12.1 状态栏跑马灯 /213<br />12.2 禁止使用鼠标右键 /214<br />12.3 随机播放背景音乐 /216<br />12.4 动态导航菜单 /217<br />12.5 具有提示效果的超链接 /218<br />12.6 在网页上实现表单验证 /219<br />12.7 综合练习 /221<br />第13章 CSS /222<br />13.1 CSS文档制作与应用 /222<br />13.1.1 CSS文档制作 /222<br />13.1.2 CSS语言在HTML文档中的应用方式 /223<br />13.2 CSS选择器 /225<br />13.3 设置CSS样式 /226<br />13.3.1 设置字体样式 /226<br />13.3.2 设置文字样式(Text Property) /228<br />13.3.3 设置背景样式(Background Property) /230<br />13.3.4 设置区域样式(Box Property) /231<br />13.3.5 设置分类样式(Classification Property) /233<br />13.4 典型应用项目范例:门户网站菜单列表的设计 /234<br />13.5 定位效果制作 /241<br />13.5.1 利用层制作图层叠加特殊效果 /241<br />13.5.2 制作图片透明效果 /242<br />13.5.3 鼠标指针变换 /243<br />13.6 综合练习 /243<br />第14章 认识HTML5 /245<br />14.1 HTML5语法的改变 /245<br />14.1.1 HTML5中的标记方法 /245<br />14.1.2 HTML5与早期版本HTML的兼容性 /246<br />14.2 新增的和废除的元素 /247<br />14.3 新增的和废除的属性 /249<br />14.4 全局属性 /251<br />14.5 典型应用项目范例:HTML5离线访问功能的实现 /253<br />14.6 综合练习 /256<br />第15章 认识CSS3 /257<br />15.1 概要介绍 /257<br />15.1.1 CSS3新特性 /257<br />15.1.2 CSS的发展历史 /259<br />15.2 CSS3的功能 /259<br />15.2.1 模块与模块化结构 /259<br />15.2.2 CSS3自动拉伸背景图片新功能应用 /260<br />15.3 典型应用项目范例:CSS3文字特殊效果制作 /262<br />15.4 综合练习 /263<br />附录A /265<br />参考文献 /270</div> </div> </div> </div> <div class="txt-nav"> <div id="txt-nav"> <ul><li><a href="#J_summary">内容提要</a></li> <li><a href="#J_section">文章节选</a></li> <li><a href="#J_catalog">目录</a></li> </ul> </div> </div> </div> <div id="goods_reviews"> <div class="rate-header"> <div class="rate-score"> <h4>与描述相符</h4> <strong>100</strong> <p><span class="score-value-no"><em></em></span></p> </div> </div> <div class="rate-toolbar"> </div> <div class="rate-grid"> <div id="rate-reviews"> </div> <div class="page" id="rate-page"> </div> </div> </div> <div id="J_end"> </div> </div> </div> <!-- 侧栏 --> <div class="sidebar"> <!-- 热卖产品 --> <div class="aside"> <div class="a-hd"> <div> 热卖图书 </div> </div> <div class="a-bd"> <ul> <li> <div class="pic"> <div class="subpic"> <a href="/3042035" target="_blank"> <img alt="哈佛凌晨四点半" src="https://img7.youlu.net/bookpic/l/035/3042035d51da0.jpg-n"> </a> </div> </div> <p class="title"> <a href="/3042035" target="_blank" title="哈佛凌晨四点半">哈佛凌晨四点半</a> </p> <p class="price"> <span class="price_d">¥<em>10.10</em></span> <span class="price_m">¥28.00</span> </p> </li> <li> <div class="pic"> <div class="subpic"> <a href="/3382272" target="_blank"> <img alt="不要让未来的你,讨厌现在的自己" src="https://img7.youlu.net/bookpic/l/272/3382272e6fe7f.jpg-n"> </a> </div> </div> <p class="title"> <a href="/3382272" target="_blank" title="不要让未来的你,讨厌现在的自己">不要让未来的你,讨厌现在的自己</a> </p> <p class="price"> <span class="price_d">¥<em>7.40</em></span> <span class="price_m">¥32.80</span> </p> </li> <li> <div class="pic"> <div class="subpic"> <a href="/3874823" target="_blank"> <img alt="三体Ⅲ死神永生" src="https://img7.youlu.net/bookpic/l/823/3874823670674.jpg-n"> </a> </div> </div> <p class="title"> <a href="/3874823" target="_blank" title="三体Ⅲ死神永生">三体Ⅲ死神永生</a> </p> <p class="price"> <span class="price_d">¥<em>11.40</em></span> <span class="price_m">¥38.00</span> </p> </li> <li> <div class="pic"> <div class="subpic"> <a href="/3225613" target="_blank"> <img alt="幻夜" src="https://img7.youlu.net/bookpic/l/613/322561312019e.jpg-n"> </a> </div> </div> <p class="title"> <a href="/3225613" target="_blank" title="幻夜">幻夜</a> </p> <p class="price"> <span class="price_d">¥<em>11.30</em></span> <span class="price_m">¥39.50</span> </p> </li> <li> <div class="pic"> <div class="subpic"> <a href="/3390085" target="_blank"> <img alt="让我留在你身边" src="https://img7.youlu.net/bookpic/l/085/33900853383fc.jpg-n"> </a> </div> </div> <p class="title"> <a href="/3390085" target="_blank" title="让我留在你身边">让我留在你身边</a> </p> <p class="price"> <span class="price_d">¥<em>6.80</em></span> <span class="price_m">¥38.00</span> </p> </li> </ul> </div> </div> <!-- 新书推荐 --> <div class="aside"> <div class="a-hd"> <div> 新书推荐 </div> </div> <div class="a-bd"> <ul> <li> <div class="pic"> <div class="subpic"> <a href="/4294463" target="_blank"> <img alt="数学分析(第五版)(下册)" src="https://img7.youlu.net/bookpic/l/463/42944630f000e.jpg-n"> </a> </div> </div> <p class="title"> <a href="/4294463" target="_blank" title="数学分析(第五版)(下册)">数学分析(第五版)(下册)</a> </p> <p class="price"> <span class="price_d">¥<em>46.80</em></span> <span class="price_m">¥46.80</span> </p> </li> <li> <div class="pic"> <div class="subpic"> <a href="/4714311" target="_blank"> <img alt="民法学(第二版 上下册)" src="https://img7.youlu.net/bookpic/l/311/47143119af964.jpg-n"> </a> </div> </div> <p class="title"> <a href="/4714311" target="_blank" title="民法学(第二版 上下册)">民法学(第二版 上下册)</a> </p> <p class="price"> <span class="price_d">¥<em>115.00</em></span> <span class="price_m">¥115.00</span> </p> </li> <li> <div class="pic"> <div class="subpic"> <a href="/3452103" target="_blank"> <img alt="社会工作概论(第三版)（内容一致，印次、封面或原价不同，统一售价，随���发货）" src="https://img7.youlu.net/bookpic/l/103/34521035bd575.jpg-n"> </a> </div> </div> <p class="title"> <a href="/3452103" target="_blank" title="社会工作概论(第三版)（内容一致，印次、封面或原价不同，统一售价，随机发货）">社会工作概论(第三版)（内容一致，印次、封面或原价不同，统一售价，随机发货）</a> </p> <p class="price"> <span class="price_d">¥<em>34.20</em></span> <span class="price_m">¥48.00</span> </p> </li> <li> <div class="pic"> <div class="subpic"> <a href="/4433080" target="_blank"> <img alt="天然产物提取工艺学(第二版)" src="https://img7.youlu.net/bookpic/l/080/44330809bb93c.jpg-n"> </a> </div> </div> <p class="title"> <a href="/4433080" target="_blank" title="天然产物提取工艺学(第二版)">天然产物提取工艺学(第二版)</a> </p> <p class="price"> <span class="price_d">¥<em>58.00</em></span> <span class="price_m">¥58.00</span> </p> </li> <li> <div class="pic"> <div class="subpic"> <a href="/4578327" target="_blank"> <img alt="信息系统分析与设计(第5版)微课视频版" src="https://img7.youlu.net/bookpic/l/327/4578327c19c3c.jpg-n"> </a> </div> </div> <p class="title"> <a href="/4578327" target="_blank" title="信息系统分析与设计(第5版)微课视频版">信息系统分析与设计(第5版)微课视频版</a> </p> <p class="price"> <span class="price_d">¥<em>79.00</em></span> <span class="price_m">¥79.00</span> </p> </li> </ul> </div> </div> </div> </div> </div> <!--=======所有省份=======--> <div class="ui-area-list"> <a href="javascript:;" data-code="110000">北京</a> <a href="javascript:;" data-code="120000">天津</a> <a href="javascript:;" data-code="130000">河北</a> <a href="javascript:;" data-code="140000">山西</a> <a href="javascript:;" data-code="150000">内蒙古</a> <a href="javascript:;" data-code="210000">辽宁</a> <a href="javascript:;" data-code="220000">吉林</a> <a href="javascript:;" data-code="230000">黑龙江</a> <a href="javascript:;" data-code="310000">上海</a> <a href="javascript:;" data-code="320000">江苏</a> <a href="javascript:;" data-code="330000">浙江</a> <a href="javascript:;" data-code="340000">安徽</a> <a href="javascript:;" data-code="350000">福建</a> <a href="javascript:;" data-code="360000">江西</a> <a href="javascript:;" data-code="370000">山东</a> <a href="javascript:;" data-code="410000">河南</a> <a href="javascript:;" data-code="420000">湖北</a> <a href="javascript:;" data-code="430000">湖南</a> <a href="javascript:;" data-code="440000">广东</a> <a href="javascript:;" data-code="450000">广西</a> <a href="javascript:;" data-code="460000">海南</a> <a href="javascript:;" data-code="500000">重庆</a> <a href="javascript:;" data-code="510000">四川</a> <a href="javascript:;" data-code="520000">贵州</a> <a href="javascript:;" data-code="530000">云南</a> <a href="javascript:;" data-code="540000">西藏</a> <a href="javascript:;" data-code="610000">陕西</a> <a href="javascript:;" data-code="620000">甘肃</a> <a href="javascript:;" data-code="630000">青海</a> <a href="javascript:;" data-code="640000">宁夏</a> <a href="javascript:;" data-code="650000">新疆</a> <a href="javascript:;" data-code="710000">台湾</a> <a href="javascript:;" data-code="810000">香港</a> <a href="javascript:;" data-code="820000">澳门</a> <a href="javascript:;" data-code="990000">海外</a> </div> <script type="text/javascript"> /****************************所属地区**************************/ (function () { var timer = 0; $.cookie("ShopSortType", '', { path: "/", expires: 30 }); $('.ui-area-text-wrap').mouseenter(function () { timer && clearTimeout(timer); $('.ui-area-list').toposition(this, { x: -30, y: 20 }).show(); $(this).addClass("active"); }).mouseleave(function () { timer = setTimeout(function () { $('.ui-area-list').hide(); $(".ui-area-text-wrap").removeClass("active"); }, 100); }); $('.ui-area-list').live('mouseleave', function () { var self = this; timer = setTimeout(function () { $(self).hide(); $(".ui-area-text-wrap").removeClass("active"); }, 100); }).live('mouseenter', function () { timer && clearTimeout(timer); $("active").addClass("active"); }); $('.ui-area-list a').live("click", function () { var li, code = $(this).data("code"), name = $.trim($(this).text()), areaText = $(".ui-area-text"), bookid = $("#sellers").data("bookid"); li = areaText.parents("li"); areaText.attr("code", code).html($(this).html()); $(".ui-area-list").hide(); $(".ui-area-text-wrap").removeClass("active"); $.cookie("UserProvinceCode", code, { path: "/", expires: 30 }); $.cookie("UserProvinceName", name, { path: "/", expires: 30 }); if (!li.hasClass("on")) { $("#sellers .filter li").filter('.on').removeClass('on'); li.addClass('on'); var sort = li.children("a").data("sort"); $.cookie("ShopSortType", sort, { path: "/", expires: 30 }); } setShpSortOrder(bookid, 0, 1); }); })(); /****************************所属地区**************************/ </script> <script type="text/javascript"> /*******商品信息******/ var __GOODCONFIG, __bookId = $(".txt_bookId").val(), __isbn = $(".txt_isbn").val(); //初始加载 if (__bookId) { buyWrapUpdate(__bookId); //初始化购买信息 shpSortOrderInit(__bookId); //初始化入驻店铺挂售列表 newBookContrastInit(__isbn); //初始化新书比价 bookReviewsSortInit(__bookId);//评论列表 } /*******初始化完毕后执行*****/ var _shpSortOrderInitOver = false, _newBookContrastInitOver = false; function initComplete() { if (_shpSortOrderInitOver && _newBookContrastInitOver) { fixHelper(); } } /**************店铺挂售列表*******************/ function setShpSortOrder(id, row, index) { if (id == null || row == null || index == null) throw "id、row、index一个或多个为null值"; var c = $("#sellers_list"), p = $("#sellers_page"); c.html('<div class="loading"><img src="/images/ico_loading.gif" /></div>'); $.ajax({ url: "/info3/shp.aspx", type: "get", cache: false, dataType: "json", data: { bookId: id, rowCount: row, pageIndex: index }, success: function (data) { if (data && data.content) { c.html($.htmlDecode(data.content)); p.html($('<div />', { html: $.htmlDecode(data.page) }).addClass('content')); row > 0 && $('html, body').animate({ scrollTop: $("#sellers").offset().top }); _shpSortOrderInitOver = true; initComplete(); $(window).resize(); imlineStatus(); } }, error: function (data) { c.html("暂无入驻店铺出售信息"); } }); } function shpSortOrderInit(id) { $("#buy_wrap").html('<div class="loading"><img src="/images/ico_loading.gif" /></div>'); setShpSortOrder(id, 0, 1); } /**********新书比价列表*************/ function requestNewBookContrast(isbn, row, index) { if (isbn == null || row == null || index == null) throw "isbn、row、index一个或多个为null值"; var c = $("#contrast_list"), p = $("#contrast_page"), content, page; $.ajax({ url: "/info3/new.aspx", type: "get", cache: false, dataType: "json", data: { isbn: isbn, rowCount: row, pageIndex: index, bookId: __bookId//2021-03-31 添加，用于是否是屏蔽图书判断 }, success: function (data) { if (data && data.content) { c.html($.htmlDecode(data.content)); if (data.page != "") { p.html($('<div />', { html: $.htmlDecode(data.page) }).addClass('content')); row > 0 && $('html, body').animate({ scrollTop: $("#goods_contrast").offset().top }); } _newBookContrastInitOver = true; initComplete(); $(window).resize(); } else { c.html("暂无新书信息"); } }, error: function (data) { c.html("暂无新书信息"); } }); } function newBookContrastInit(isbn) { $("#contrast_list").html('<div class="loading"><img src="/images/ico_loading.gif" /></div>'); requestNewBookContrast(isbn, 0, 1); } /******重新获取购买信息****/ function buyWrapUpdate(bookId) { if (!bookId) return; var _buy = $("#buy_wrap"), category = $("#choose_category .item.selected").data("category") || ""; $.ajax({ url: "/info3/bookBuy.aspx", type: "get", cache: false, dataType: "json", data: { bookId: bookId, category: category }, success: function (data) { if (data && data.info != null) { _buy.html($.htmlDecode(data.content)).show(); __GOODCONFIG = $.parseJSON(data.info); if ($("#input_buy_num").length > 0) { $("#input_buy_num").numberal(); good_detail.init(); } } else { _buy.html(data); } }, error: function (data) { _buy.html("未获取到图书信息,网络错误"); } }); } function buyWrapInit(bookId) { $("#buy_wrap").html('<div class="loading"><img src="/images/ico_loading.gif" /></div>'); buyWrapUpdate(__bookId); } /******确认购买****/ function showBuyResult(bookId) { var buyCount = $.trim($("#input_buy_num").val()); $("#buy_result").show(); startRequestYouluBuy(bookId); } /*******提交购买请求*****/ function youluBuy(bookId) { if (!bookId) return; var buyCount = $.trim($("#input_buy_num").val()), _div = $("#buy_result"), category = $("#choose_category .item.selected").data("category"), bw_h = $("#detail_wrap").height(), ba_h = $(".buy-area").height(); if ($("#choose_category").length > 0 && !category) { $(".buy-area").addClass("yl-attention"); return; } else if ($("#choose_category").length == 0) { category = "old"; } $("#buy_result").html('<div class="loading"><img src="/images/ico_loading.gif" /></div>').css("top", (bw_h - ba_h + 40) + "px").show(); $.get("/info3/youluBuy.aspx?bookId=" + bookId + "&buyCount=" + buyCount + "&category=" + category + "&rnd=" + Math.random(), function (data) { $(".buy-area").removeClass("yl-attention"); $("#buy_result").html(data); startRequestShoppingCartBookCount(); }); } /*************一些辅助方法，统计购买金额，选择新旧等********************/ var good_detail = { init: function () { this.categoryChange(); this.buyPriceTotal(); }, //选择新旧类型，展示内容也一起改变 categoryChange: function () { var t = __GOODCONFIG, c = $("#choose_category .selected").data("category") || ($("#choose_category").length == 0 && "old"), stock = 0; if (c == "old" && t.main.BookId > 0) { $("#yl_d_price").text(t.main.SalePrice.toFixed(2)); //售价 //$("#yl_d_discount").text((t.main.SalePrice / t.ListPrice * 10).toFixed(1)); //售价折扣 $("#yl_d_discount").text(t.discount); //售价折扣 $("#yl_d_vip_price").text(t.main.SalePriceVip.toFixed(2)); //vip价 //$("#yl_d_vip_price").parents(".vip-price").show(); //控制显示vip价 $("#yl_vip_price_wrap").show(); //控制显示vip价 $("#yl_vip_wrap").hide(); //隐藏div $("#yl_good_stock").text(t.main.UsedBookStoreCounts); //库存 $("#input_buy_num").attr("max", t.main.UsedBookStoreCounts); $("#yl_sale_wrap").removeClass("yl-new"); //显示团购价 $("#yl_d_bulk_price").text(t.main.SalePriceBulk.toFixed(2)); //团购价 //$("#yl_d_bulk_discount").text((t.main.SalePriceBulk / t.ListPrice * 10).toFixed(1)); //团购价折扣 $("#yl_d_bulk_discount").text(t.bulkDiscount); //团购价折扣 $(".bookCost-wrap").show();//书费抵扣行显示 stock = t.main.UsedBookStoreCounts; } if (c == "new" && t.main.NewBookId > 0) { $("#yl_d_price").text(t.main.NewBookSalePrice.toFixed(2)); //$("#yl_d_discount").text((t.main.NewBookSalePrice / t.ListPrice * 10).toFixed(1)); $("#yl_d_discount").text(t.newBookDiscount); $("#yl_good_stock").text(t.main.NewBookStoreCounts); $("#input_buy_num").attr("max", t.main.NewBookStoreCounts); //$("#yl_d_vip_price").parents(".vip-price").hide(); $("#yl_vip_price_wrap").hide(); //控制隐藏vip价 $("#yl_vip_wrap").show(); //显示div $("#yl_sale_wrap").addClass("yl-new"); $(".bookCost-wrap").hide();//书费抵扣行隐藏 stock = t.main.NewBookStoreCounts; } this.buyBtnTab(stock); this.buyNumHelper(); }, //统计购买的图书金额 buyPriceTotal: function () { var t = __GOODCONFIG, $category = $("#choose_category .selected"), category, totalprice, salePrice, buynum = $("#input_buy_num").val(); category = $category.data("category"); if (!t) return; if ($category.length == 1) { if (category == "new" && t.main.NewBookId > 0) { salePrice = t.main.NewBookSalePrice; } else if (category == "old" && t.main.BookId > 0) { salePrice = this.unitPrice(); } totalprice = parseInt(buynum) * salePrice; } else { if ($("#choose_category").length > 0) { totalprice = 0; } else { salePrice = this.unitPrice(); totalprice = parseInt(buynum) * salePrice; } } $("#yl_buy_price_total").html(parseFloat(totalprice).toFixed(2)); }, //根据所选新旧图书的库存，变换加入购物车按钮 buyBtnTab: function (stock) { if (stock > 0) { $("#btn_buy").attr("class", "buy-but in-stock"); } else { $("#btn_buy").attr("class", "buy-but no-stock"); } }, //加减按钮 buyNumHelper: function () { var num, max, _addbtn = $(".add-btn"), _reducebtn = $(".reduce-btn"); num = parseInt($("#input_buy_num").val()), max = parseInt($("#input_buy_num").attr("max")); if (max == 0) { _reducebtn.attr("class", "reduce-btn disabled"); _addbtn.attr("class", "add-btn disabled"); } else if (num <= 1) { !_reducebtn.hasClass("disabled") && _reducebtn.attr("class", "reduce-btn disabled"); _addbtn.hasClass("disabled") && _addbtn.attr("class", "add-btn"); } else if (num >= max) { _reducebtn.hasClass("disabled") && _reducebtn.attr("class", "reduce-btn"); !_addbtn.hasClass("disabled") && _addbtn.attr("class", "add-btn disabled"); } else { _reducebtn.hasClass("disabled") && _reducebtn.attr("class", "reduce-btn"); _addbtn.hasClass("disabled") && _addbtn.attr("class", "add-btn"); } }, //商品单价 unitPrice: function () { var t = __GOODCONFIG; if (!t) return; return t.vip ? t.main.SalePriceVip : t.main.SalePrice; } } /********商品详情、入驻商家导航栏*************/ function fixHelper() { // 横向滑动导航 var fixhorizontal = $("#product-nav-wrap"); fixhorizontal.scrollFix({ zIndex: 999 }); fixhorizontal.onePageNav({ currentClass: 'on', eventNamespace: 'productNavWrap', scrollThreshold: 0.3 }); // 纵向滑动导航 var fixlongitudinal = $(".txt-nav"); fixlongitudinal.scrollFix({ distanceTop: 45, startTop: ".txt-wrap", endPos: '#J_end' }); fixlongitudinal.onePageNav({ currentClass: 'on', eventNamespace: 'txtNav', scrollThreshold: 0.2 }); } /********商品详情、入驻商家导航栏*************/ //图书主要信息，分成3个一排 $("#main-detail-info li").each(function (i) { $("#main-detail-info li").slice(i * 3, i * 3 + 3).wrapAll("<ul></ul>"); }); //图片等比例缩放 $(".sidebar .pic img").resizeimg(185, 185); $(".similar-rank .pic img").resizeimg(85, 85); $(".show-pic .pic img").resizeimg(348, 348); /**********隐藏购买结果层**********/ $("#buy_wrap").on("click", ".buy-area .J_DialogCloser", function () { $("#buy_result").remove(); buyWrapUpdate(__bookId); }); /*******店铺挂售列表中官网自营列购买按钮事件*******/ $("#sellers").on("click", "#yl_shp_buy", function () { $('html, body').animate({ scrollTop: $(".product-intro").offset().top }); $(".buy-area").addClass("yl-attention"); }); /*************更改购买数量*********************/ $("#buy_wrap").on("change", "#input_buy_num", function () { var t = $(this), val, max; val = t.val(), max = t.attr("max"); if (isNaN(val)) { t.attr("value", '1'); } else if (parseInt(max) <= parseInt(val)) { t.attr("value", max); } good_detail.buyNumHelper(); good_detail.buyPriceTotal(); }).on("click", ".add-btn", function () { if ($(this).hasClass("disabled")) return; var _text = $("#input_buy_num"), num = _text.val(); _text.val(parseInt(num) + 1); good_detail.buyNumHelper(); good_detail.buyPriceTotal(); }).on("click", ".reduce-btn", function () { if ($(this).hasClass("disabled")) return; var _text = $("#input_buy_num"), num = _text.val(); _text.val(parseInt(num) - 1); good_detail.buyNumHelper(); good_detail.buyPriceTotal(); }); /*************更改购买数量*********************/ /***************确认购买*****************/ $("#buy_wrap").on("click", "#btn_buy", function () { var bookid = $(this).data("bookid"); if (!$(this).hasClass("no-stock")) { youluBuy(bookid); } }).on("click", ".J_PanelCloser", function () { $(".buy-area").removeClass("yl-attention"); }); /***************购买*****************/ /***********************选择商品系列**********************/ $("#buy_wrap").on("click", "#choose_category .item a", function (e) { var _this = $(this); var _div = _this.parent(); if (_div.is(".disabled") || _div.is(".selected")) return; _div.parent().find(".selected").attr("class", "item"); _div.addClass("selected"); good_detail.init(); e.stopPropagation(); }); /***********************选择商品系列**********************/ /************************入驻店铺挂售列表选择排序方式*********************/ $("#sellers .filter li").click(function () { var sort = $(this).children("a").data("sort"), bookid = $("#sellers").data("bookid"); $(this).siblings().removeClass("on"); $(this).addClass("on"); $.cookie("ShopSortType", sort, { path: "/", expires: 30 }); setShpSortOrder(bookid, 0, 1); //重新获取店铺列表 }); /************************入驻店铺挂售列表选择排序方式*********************/ /*******************************图书详情每项内容限制高度*************************/ $("#J_summary .content").heightlimit({ height: 196, showmore: true }); $("#J_section .content").heightlimit({ height: 196, showmore: true }); $("#J_catalog .content").heightlimit({ height: 196, showmore: true }); $("#J_commend .content").heightlimit({ height: 196, showmore: true }); /*******************************图书详情每项内容限制高度*************************/ $(function(){ $(".yl-qrcode-a").live("mouseenter",function (){//mouseover $(".yl-qrcode-div").show(); $(".ic_up").css("transform","rotate(180deg)"); $(".yl-qrcode-a").css("text-decoration","none"); }) $(".yl-qrcode").live("mouseleave",function (){ //mouseout $(".yl-qrcode-div").hide(); $(".ic_up").css("transform",""); }); //微信扫码卖书 $(".yl-qrcode-sell-a").live("mouseenter",function (){//mouseover $(".yl-qrcode-sell-div").show(); $(".ic_up_sell").css("transform","rotate(180deg)"); $(".yl-qrcode-sell-a").css("text-decoration","none"); }) $(".yl-qrcode-sell").live("mouseleave",function (){ //mouseout $(".yl-qrcode-sell-div").hide(); $(".ic_up_sell").css("transform",""); }); //抵扣价 弹层 $(".yl-qrcode-bookCost").live("mouseenter", function () {//mouseover $(".yl-qrcode-bookCost-wrap").show(); }) $(".yl-qrcode-bookCost").live("mouseleave", function () { //mouseout $(".yl-qrcode-bookCost-wrap").hide(); }); //手机购买 $(".yl-phone-sell-a").live("mouseenter", function () {//mouseover $(".yl-phone-sell-div").show(); $(".sell_ic_up_sell").css("transform", "rotate(180deg)"); $(".yl-phone-sell-a").css("text-decoration", "none"); }) $(".yl-phone-sell").live("mouseleave", function () { //mouseout $(".yl-phone-sell-div").hide(); $(".sell_ic_up_sell").css("transform", ""); }); }) /**************商品评价*******************/ function bookReviewsSortInit(id) { //$(".rate-grid").html('<div class="loading"><img src="/images/ico_loading.gif" /></div>'); setBookReviews(id); } var _bookReviewsSortInitOver = false; function setBookReviews(id) { if (id == null) throw "id为null值"; var c = $(".rate-header"); c.html('<div class="loading"><img src="/images/ico_loading.gif" /></div>'); $.ajax({ url: "/info3/reviews.aspx", type: "get", cache: false, dataType: "json", data: { bookId: id, type: 'score' }, success: function (data) { if (data && data.content) { if (data.msg) { c.html($.htmlDecode(data.msg)).css("padding-left","20px"); } else { c.html($.htmlDecode(data.content)); _bookReviewsSortInitOver = true; setBookReviewsComment(id, 0, 1); } } }, error: function (data) { c.html("暂无商品评价信息"); } }); } /**************商品评论列表*******************/ function setBookReviewsComment(id, row, index) { if (id == null || row == null || index == null) throw "id、row、index一个或多个为null值"; var c = $("#rate-reviews"), p = $("#rate-page"); c.html('<div class="loading"><img src="/images/ico_loading.gif" /></div>'); $.ajax({ url: "/info3/reviews.aspx", type: "get", cache: false, dataType: "json", data: { bookId: id, rowCount: row, pageIndex: index, type:'comment' }, success: function (data) { if (data && data.content) { c.html($.htmlDecode(data.content)); //p.html($.htmlDecode(data.page)); p.html($('<div />', { html: $.htmlDecode(data.page) }).addClass('content')); row > 0 && $('html, body').animate({ scrollTop: $("#goods_reviews").offset().top }); //initComplete(); $(window).resize(); } }, error: function (data) { c.html("暂无商品评论信息"); } }); } /*获取入驻店铺在线状态 批量获取*/ function imlineStatus() { var imline = $(".imline-message"); var memberIds = ""; $(imline).each(function () { var memberId = $(this).attr("memberid"); if (memberId != "0") { memberIds += memberId + ','; } }); //return;//临时注释 2023-12-05 if (memberIds != "") { $.ajax({ url: "/chat/Default.aspx", //发送的地址 type: "get", cache: false, async: true,//异步 dataType: "json", //传输数据的格式 data: { action: 'GetImlineStatus', memberIds: memberIds }, //成功的回调函数 success: function (data) { var dataJson = JSON.stringify(data); if (dataJson.indexOf("errorCode") == -1) { for (var i = 0; i < data.length; i++) { var status = data[i].status; var id = data[i].memberid; if (status == "online") { $(".imline_" + id).find(".on-line").addClass("on"); $(".imline_" + id).find(".off-line").removeClass("on"); } else { $(".imline_" + id).find(".on-line").removeClass("on"); $(".imline_" + id).find(".off-line").addClass("on"); } } } }, //失败的回调函数 error: function (data) { } }) } } </script> <script type="text/javascript"> /*****************统计************/ //百度 (function () { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?e9008369bc2cfc746263d552935f0791"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript" src="/js/buyRegister.js" language="javascript"></script> <script type="text/javascript" src="/js/recommend.js" language="javascript"></script> <script src="http://v3.jiathis.com/code/jia.js?uid=2122107" type="text/javascript" charset="utf-8"></script> <div class="screen-ft"> <div class="wrap"> <div class="yl-helper"> <div class="unit"> <div class="unit-wrap"> <h4>消费者保障</h4> <ul> <li> <a href="http://www.youlu.net/userCenter/union/help/?id=38" target="_blank">7天无理由退货</a> </li> <li> <a href="http://www.youlu.net/userCenter/union/help/?id=36" target="_blank">24小时之内发货</a> </li> <li> <a href="/help/" target="_blank">服务中心</a> </li> </ul> </div> </div> <div class="unit"> <div class="unit-wrap"> <h4>新手上路</h4> <ul> <li> <a href="http://www.youlu.net/help/list/?code=02" target="_blank">如何买书</a> </li> <li> <a href="http://www.youlu.net/help/list/?code=03" target="_blank">如何支付</a> </li> <li> <a href="http://www.youlu.net/help/list/?code=04" target="_blank">如何退款</a> </li> <li> <a href="http://www.youlu.net/help/list/?code=05" target="_blank">配送说明</a> </li> </ul> </div> </div> <div class="unit"> <div class="unit-wrap"> <h4>付款方式</h4> <ul> <li> <a href="http://www.youlu.net/help/view/?id=20" target="_blank">网上支付</a> </li> <li> <a href="http://www.youlu.net/help/view/?id=49" target="_blank">余额支付</a> </li> <li> <a href="http://www.youlu.net/help/view/?id=51" target="_blank">积分支付</a> </li> <li> <a href="http://www.youlu.net/help/view/?id=50" target="_blank">礼券支付</a> </li> </ul> </div> </div> <div class="unit"> <div class="unit-wrap"> <h4>个人账户</h4> <ul> <li> <a href="http://www.youlu.net/help/view/?id=1" target="_blank">如何注册</a> </li> <li> <a href="http://www.youlu.net/help/view/?id=2" target="_blank">普通会员与VIP</a> </li> <li> <a href="http://www.youlu.net/help/view/?id=36" target="_blank">会员升级为VIP</a> </li> <li> <a href="http://www.youlu.net/help/view/?id=57" target="_blank">第三方登录</a> </li> <li> <a href="http://www.youlu.net/help/list/?code=07" target="_blank">更多介绍</a> </li> </ul> </div> </div> </div> </div> <div class="footer"> <div class="wrap"> <div class="footer-hd"> <div class="address"> 名称：南昌有路文化发展有限公司<br /> 地址：南昌昌北经济技术开发区玉屏西大街299号清华科技园B205室<br /> 咨询电话：4006765433 传真：0791-83849520-810 邮箱：do(a)youlu.net <br /> © 有路网 增值电信业务经营许可证号：赣B2-20150091 <a href="https://beian.miit.gov.cn/" target="_blank">赣ICP备06008180号-2</a> <a href="http://www.nc315.gov.cn/ba!certificate.html?id=186" target="_blank">赣工商网备第200911040306561424号</a> </div> <div style="float:right;overflow:hidden;color:#666"> <div style="float:left;overflow:hidden;"> <a href="http://www.youlu.net/images/cbwpf.jpg" target="_blank"> <img src="http://www.youlu.net/images/cbwpf_s.jpg"/> </a> </div> <div style="float:left;overflow:hidden;margin-left: 10px;"> <a href="http://www.youlu.net/images/cbwzb.jpg?v=0.1" target="_blank"> <img src="http://www.youlu.net/images/cbwzb_s.jpg?v=0.1"/> </a>    <a href="http://www.youlu.net/images/yyzz.jpg?v=0.2" target="_blank"> <img src="http://www.youlu.net/images/yyzz_s.jpg?v=0.1"/> </a> </div> <div style="float:left;overflow:hidden;width: 200px;margin-left: 25px;"> <a href="http://www.nc12377.cn/" target="_blank"> <img style="width: 200px;margin-bottom:12px;" src="http://www.youlu.net/images/ncwj/report.jpg"/> </a> <a target="cyxyv" href="https://v.yunaq.com/certificate?domain=www.youlu.net&from=label&code=90020"> <img style="height: 35px;" src="https://aqyzmedia.yunaq.com/labels/label_sm_90020.png"> </a> </div> <div style="clear:both:"></div> </div> </div> <div class="footer-fd"> <div class="footer-fd-l"> <a href="https://www.12315.cn/" target="_blank"> <img src="http://www.youlu.net/images/ncwj/12315.jpg"> </a> </div> <div class="footer-fd-c"> <p class="helpMore"> <a href="/help/view/?id=116" target="_blank"> 关于有路</a> ┆ <a href="/help/view/?id=41" target="_blank">乘车路线</a> ┆ <a href="/userCenter/union/" target="_blank">有路联盟</a> ┆ <a href="/sitemap/" target="_blank">网站地图</a> ┆ <a href="/help/" target="_blank">帮助中心</a> ┆ <a href="/support/" target="_blank">客服中心</a> ┆ <a href="/link/" target="_blank">友情链接</a> ┆ <a href="http://m.youlu.net" target="_blank">触屏版</a> </p> <div class="consult"> 咨询QQ:<!-- WPA Button Begin --> <a href="javascript:void(0);" id="BizQQWPA"><img border="0" src="https://www.youlu.net/images/button_111.gif"/></a> <script type="text/javascript" charset="utf-8" src="https://wpa.b.qq.com/cgi/wpa.php"></script> <script type="text/javascript">BizQQWPA.addCustom({ aty: '0', a: '0', nameAccount: 4006765433, selector: 'BizQQWPA' });</script> <!-- WPA Button End --> <br> <b>有路网-书山有路网上二手书店是国内专业的二手书旧书在线销售网站，提供优质低廉的正版旧书、旧教材。 <br /> 提供支付宝、财付通、网上银行、银行汇款等支付方式；提供平邮、快递、EMS、自取等多种送货方式。 <br /> 付款后24小时内发货，自动跟踪物流。所有图书全场一角起价，不满意无理由退货。</b> </div> </div> <div class="footer-fd-r"> <img src="http://www.youlu.net/images/ncwj/batb.gif" /> <br> 360112011051301 </div> <div class="footer-fd-r-r"> <a href="https://www.12377.cn/" target="_blank"> <img src="http://www.youlu.net/images/ncwj/jbzq.jpg" /> </a> </div> </div> </div> </div> </div> <div class="contact-list"> <ul> <li class="back-top" id="back_top"><a href="javascript:void(0);">回到顶部</a></li> <li class="back-fankui" id="back_fankui"><a href="/support/" target="_blank">反馈</a></li> <li class="back-help" id="back_help"><a href="/help/" target="_blank">帮助</a></li> <li class="back-kefu" id="back_kefu"><a href="https://chat.youlu.net/index.aspx#customerService" target="_blank">客服</a></li> </ul> </div> <div style="display: none"> <script type="text/javascript" language="javascript" src="/js/unionDataInsert.js?v=1"></script> <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F6ecaa2d1d7c184a6b549be11a906cbde' type='text/javascript'%3E%3C/script%3E")); var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa126719936bc8fc47fd2c2d2ca323ae7' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript" src="//s.union.360.cn/103052.js"></script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5bb1bd5b2b32959372056d2505ec36e1"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script type="text/javascript"> var scrollTopH = 0; /*右侧导航栏*/ $(window).scroll(function () { scrollTopH = $(document).scrollTop(); var h = document.documentElement.clientHeight;//获取窗口高度 不包括滚动条 if ($(document).scrollTop() > 0) { //$('.contact-list').show(); $("#back_top").show(); } else { //$('.contact-list').hide(); $("#back_top").hide(); } if (scrollTopH <= 230 && h <= 400) { $('.contact-list').hide(); } }); //回到顶层 window.onload = function () { var oTop = document.getElementById("back_top"); var screenw = document.documentElement.clientWidth || document.body.clientWidth; var screenh = document.documentElement.clientHeight || document.body.clientHeight; oTop.style.left = screenw - oTop.offsetWidth + "px"; oTop.style.top = screenh - oTop.offsetHeight + "px"; window.onscroll = function () { var scrolltop = document.documentElement.scrollTop || document.body.scrollTop; oTop.style.top = screenh - oTop.offsetHeight + scrolltop + "px"; } oTop.onclick = function () { document.documentElement.scrollTop = document.body.scrollTop = 0; } watchWindowSize(); } //窗口高度变化执行 function watchWindowSize() { var h = document.documentElement.clientHeight; //获取窗口高度 不包括滚动条 if (h <= 400 && scrollTopH == 0) { $('.contact-list').hide(); } else { $('.contact-list').show(); } } //将事件侦听器函数附加到窗口的resize事件 监听窗口变化 window.addEventListener("resize", watchWindowSize); !function () { var protocol = location.protocol;//协议，http:还 https: var CONFIG = { cnhost: protocol + "//chat.youlu.net/" } function createScript(src, callback) { var script = document.createElement("script"); script.setAttribute('charset', 'utf-8'); script.type = "text/javascript"; script.src = src; if (window.addEventListener) { script.addEventListener('load', function () { callback && callback(); }, false); } else { script.onreadystatechange = function () { if (this.readyState == 'loaded' || this.readyState == 'complete') { script.onreadystatechange = null; callback && callback(); } }; } document.head.appendChild(script); } createScript(CONFIG.cnhost + "js/IMLoad.js?v=0.0031"); }(); </script> </body> </html>