欢迎光临本店     登录 注册   加入收藏
  •   
欢迎光临清华大学出版社第三事业部!

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

当前位置: 首页 > 教材 > 高职高专教材 > 计算机类 > HTML+CSS+JavaScript网页制作实用教程

浏览历史

HTML+CSS+JavaScript网页制作实用教程

HTML+CSS+JavaScript网页制作实用教程

prev next

  • 商品货号:01042012-7-19-2751
  • 商品重量:0克
    作者:吕凤顺,王爱华,王轶凤主编
    图书书号/ISBN:9787302277545
    出版日期:2012-01-01
    印张:29.5
    字数:713千字
    开本:16
  • 上架时间:2012-07-19
    商品点击数:973
  • 定价:¥54.00元
    本店售价:¥29.50元
    注册用户:¥29.50元
    vip:¥28.03元
    黄金等级:¥26.55元
    用户评价: comment rank 5
  • 商品总价:
  • 购买数量:

内容简介:

商品附加资源

目前对网页制作的要求已不仅仅是视觉效果的美观,更主要的是要符合Web标准。传统网页制作是先考虑外观布局再填入内容,内容与外观交织在一起,代码量大,难以维护。而目前Web标准的最大特点就是采用HTML+CSS+JavaScript将网页内容、外观样式及动态效果彻底分离,从而可以大大减少页面代码、节省带宽、提高网速,更便于分工设计、代码重用,既易于维护,又能移植到其他或以后的新Web程序中。 作者根据多年网页制作的教学、实践经验以及学生的认知规律,精心编写了这本教材。 本书采用全新流行的Web标准,通过简单的“记事本”工具,以DHTML技术为基础,由浅入深、完整详细地介绍了XHTML、CSS及JavaScript网页制作内容,还对目前流行的CSS布局、常用JavaScript动态通用技术以及不同浏览器的兼容问题进行了全面的介绍,可以使读者系统、全面地掌握网页制作技术。 本书知识内容系统、全面,例题丰富,既可以作为本科、专科(高职)院校相关专业的教材,也可作为计算机专业人员的自学或参考用书。
目 录
第1章 HTML、CSS、JavaScript 概述 1
1.1 Web网页的基本概念 1
1.1.1 Internet网络与WWW 1
1.1.2 网页 1
1.1.3 网站 3
1.1.4 Web标准 4
1.2 网页工作原理与制作工具 6
1.2.1 网页的工作原理 6
1.2.2 网页制作工具 7
1.3 HTML、CSS、JavaScript简介 与示例 7
1.3.1 HTML超文本标记语言 7
1.3.2 CSS层叠样式表 10
1.3.3 JavaScript脚本语言 11
1.4 网站的发布与测试 13
1.4.1 在实验室或局域网内部 发布HTML页面 13
1.4.2 在Internet上发布网站 14
1.4.3 测试网页 15
1.5 如何学习HTML、CSS、 JavaScript 15
1.5.1 掌握HTML、CSS、 JavaScript的语法结构 15
1.5.2 借助Dreamweaver网页设计 工具 16
1.5.3 参考已有网站的代码 16
1.6 习题 18
第2章 HTML基本语法与头部内的 标记 19
2.1 HTML文档结构 19
2.1.1 HTML文档的构成 19
2.1.2 HTML文档头部标记 19
2.1.3 HTML文档主体标记 20
2.2 HTML基本语法 20
2.2.1 标记语法 20
2.2.2 属性语法 22
2.3 XHTML文档结构 23
2.3.1 XHTML文档的构成 23
2.3.2 XHTML标记的通用标准 属性 25
2.3.3 XHTML的语法规则 26
2.4 HTML文档头部的相关标记 28
2.4.1 设置页面标题 28 <br>2.4.2 设置基底网址<base /> 28 <br>2.4.3 设置基准字体<basefont /> 30 <br>2.4.4 定义页面元信息<meta /> 30 <br>2.4.5 引用外部文件<link /> 32 <br>2.5 习题 33 <br>第3章 HTML页面基本元素 35 <br>3.1 HTML文本字符、注释标记及标记 分类 35 <br>3.1.1 普通文本、实体字符与注释 标记 35 <br>3.1.2 HTML文档的标记与分类 37 <br>3.2 文本与修饰标记 37 <br>3.2.1 设置文本标记 37 <br>3.2.2 文本修饰标记 39 <br>3.2.3 块级文本标记 41 <br>3.2.4 样式组织标记<span><div> 44 <br>3.3 列表标记 45 <br>3.3.1 有序列表<ol> 46 <br>3.3.2 无序列表<ul> 46 <br>3.3.3 定义列表<dl> 48 <br>3.3.4 目录、菜单列表 <dir><menu> 48 <br>3.3.5 列表嵌套应用 49 <br>3.4 插入图像标记 52 <br>3.5 超链接标记 55 <br>3.5.1 超链接、设置锚点标记<a> 55 <br>3.5.2 超链接页面的URL路径 56 <br>3.5.3 关于target属性 58 <br>3.5.4 链接到普通文档、图像或 多媒体文件 58 <br>3.5.5 设置锚点与E-mail链接 59 <br>3.6 图像映射标记 61 <br>3.6.1 图像映射方式 62 <br>3.6.2 创建图像映射标记 62 <br>3.6.3 使用图像映射的<img /> 图像 63 <br>3.7 表格标记 65 <br>3.7.1 表格的语法结构 65 <br>3.7.2 创建表格标记<table> 66 <br>3.7.3 标题标记<caption> 67 <br>3.7.4 行标记<tr> 67 <br>3.7.5 单元格标记<th><td> 67 <br>3.7.6 表格结构划分标记 <thead><tfoot><tbody> 71 <br>3.8 表格与DIV页面布局 72 <br>3.8.1 布局示例一 72 <br>3.8.2 布局示例二 74 <br>3.8.3 简单布局应用 75 <br>3.9 习题 78 <br>第4章 HTML框架、表单、多媒体 81 <br>4.1 框架集、框架标记 81 <br>4.1.1 框架集文档的结构 81 <br>4.1.2 框架集标记<frameset> 82 <br>4.1.3 框架标记<frame /> 83 <br>4.1.4 不支持框架标记<noframes> 83 <br>4.1.5 浮动框架标记<iframe> 89 <br>4.2 表单标记 90 <br>4.2.1 创建表单标记<form> 90 <br>4.2.2 表单输入标记<input /> 91 <br>4.2.3 文本区标记<textarea> 97 <br>4.2.4 按钮标记<button> 97 <br>4.2.5 滚动列表与下拉列表标记 <select><option> 99 <br>4.2.6 控件标签标记<label> 102 <br>4.2.7 表单分组及标题标记 <fieldset><legend> 103 <br>4.3 IE浏览器滚动字幕、背景音乐与 多媒体 104 <br>4.3.1 IE浏览器滚动字幕标记 <marquee> 104 <br>4.3.2 IE浏览器播放背景音乐标记 <bgsound /> 106 <br>4.3.3 IE浏览器播放多媒体标记 <embed> 107 <br>4.4 XHTML播放多媒体标记 110 <br>4.4.1 嵌入对象标记 <object><param> 110 <br>4.4.2 以<object>播放Flash文件 111 <br>4.4.3 以<object>使用RealPlayer 播放器 112 <br>4.4.4 以<object>使用Media Player 播放器 114 <br>4.4.5 以<object>自动嵌入合适的 播放器 115 <br>4.5 习题 116 <br>第5章 CSS样式表基础 119 <br>5.1 CSS概述 119 <br>5.2 CSS样式规则与内联CSS样式 120 <br>5.2.1 CSS样式规则 120 <br>5.2.2 内联CSS样式 120 <br>5.3 CSS文本样式规则 121 <br>5.3.1 CSS大小尺寸量度的 属性值 121 <br>5.3.2 CSS颜色的属性值 122 <br>5.3.3 文本字符的CSS样式属性 123 <br>5.3.4 文本外观CSS样式属性 126 <br>5.3.5 行内元素定位——垂直 对齐 132 <br>5.4 CSS样式表 134 <br>5.4.1 CSS样式表结构与使用 134 <br>5.4.2 基本选择符 136 <br>5.4.3 元素指定选择符 140 <br>5.4.4 群组与通用选择符 141 <br>5.4.5 包含与子对象选择符 143 <br>5.4.6 IE7及以上或火狐的相邻 选择符 146 <br>5.4.7 IE7及以上或火狐的属性 选择符 147 <br>5.4.8 伪类选择符 151 <br>5.4.9 伪对象(伪元素)选择符 154 <br>5.5 样式规则的优先级 155 <br>5.5.1 样式规则的优先级原则 156 <br>5.5.2 用!important提高样式优 先级 158 <br>5.6 习题 160 <br>第6章 CSS盒模型与布局样式 162 <br>6.1 元素区域与背景样式 162 <br>6.1.1 块级元素的区域与溢出 处理 162 <br>6.1.2 设置元素背景 165 <br>6.2 块级元素的盒模型 169 <br>6.2.1 盒模型分析 169 <br>6.2.2 盒模型的宽度和高度 170 <br>6.3 块级元素的边框 170 <br>6.3.1 设置边框样式 (border-style) 171 <br>6.3.2 设置边框宽度 (border-width) 172 <br>6.3.3 设置边框颜色 (border-color) 173 <br>6.3.4 综合设置边框样式、宽度及 颜色 175 <br>6.4 块级元素的内外边距与轮廓 176 <br>6.4.1 设置内边距(padding) 177 <br>6.4.2 设置外边距(margin) 178 <br>6.4.3 垂直外边距的合并 180 <br>6.4.4 设置元素轮廓(outline) 181 <br>6.5 列表与表格样式 182 <br>6.5.1 设置列表样式 182 <br>6.5.2 设置表格样式 184 <br>6.6 设置鼠标指针及其他样式 187 <br>6.6.1 CSS设置鼠标形状 (cursor) 187 <br>6.6.2 媒介类型样式表、打印及 听觉样式简介 188 <br>6.7 布局定位属性(position)与裁剪 (clip) 189 <br>6.7.1 自动定位(static) 189 <br>6.7.2 绝对定位(absolute) 190 <br>6.7.3 绝对定位元素的裁剪 (clip) 192 <br>6.7.4 固定定位(fixed) 194 <br>6.7.5 相对定位(relative) 196 <br>6.8 布局浮动属性(float)与清除浮动 (clear) 198 <br>6.8.1 浮动(float) 198 <br>6.8.2 浮动环绕、行框清理 201 <br>6.8.3 清除浮动(clear) 202 <br>6.8.4 父子元素的嵌套浮动与浮动 元素的外边距合并 203 <br>6.9 元素的层叠等级、显示方式与 可见性 206 <br>6.9.1 层空间层叠等级(z-index) 206 <br>6.9.2 元素的显示方式(display) 208 <br>6.9.3 元素的可见性(visibility) 209 <br>6.10 习题 211 <br>第7章 CSS布局应用与浏览器 兼容性 214 <br>7.1 页面布局应用 214 <br>7.1.1 单行单列布局 214 <br>7.1.2 单行两列布局 215 <br>7.1.3 单行三列布局 218 <br>7.1.4 多行多列综合布局 219 <br>7.1.5 不改变页面代码改变布局 220 <br>7.2 常用页面组件 224 <br>7.2.1 横向导航组件 224 <br>7.2.2 提示框 228 <br>7.2.3 纵向导航 229 <br>7.3 不同浏览器的兼容性 230 <br>7.3.1 浏览器兼容性概述 230 <br>7.3.2 使用Hack技术实现浏览器 兼容 232 <br>7.4 常见浏览器兼容问题的解决方法 238 <br>7.4.1 IE5及以下浏览器的兼容 问题 238 <br>7.4.2 IE6及以下浏览器的兼容 问题 239 <br>7.4.3 IE7及以下浏览器的兼容 问题 245 <br>7.4.4 父元素不适应子元素高度—— 外边距合并 248 <br>7.5 浏览器常用默认样式 249 <br>第8章 JavaScript基础 251 <br>8.1 JavaScript语言概述 251 <br>8.1.1 JavaScript语言的特点 251 <br>8.1.2 JavaScript的使用 252 <br>8.2 JavaScript常量、变量与数组 254 <br>8.2.1 数据类型与常量 254 <br>8.2.2 变量 255 <br>8.2.3 数组 257 <br>8.3 JavaScript运算符与表达式 257 <br>8.3.1 算数运算符与表达式 258 <br>8.3.2 赋值运算符与表达式 259 <br>8.3.3 比较、逻辑运算符与 表达式 259 <br>8.3.4 条件运算符与表达式 260 <br>8.4 JavaScript语法与流程控制语句 262 <br>8.4.1 JavaScript的语法 262 <br>8.4.2 条件语句 if () ... else 262 <br>8.4.3 多选择开关语句switch 264 <br>8.4.4 循环语句while、do-while、 for 267 <br>8.4.5 遍历循环语句for (... in…) 272 <br>8.5 JavaScript自定义函数 273 <br>8.5.1 独立函数 273 <br>8.5.2 内嵌函数与匿名函数 274 <br>8.6 JavaScript事件处理 276 <br>8.6.1 JavaScript常用事件 276 <br>8.6.2 页面相关事件与函数的记忆 调用 279 <br>8.6.3 鼠标相关事件 283 <br>8.6.4 焦点、按键及表单相关 事件 290 <br>8.7 onerror事件与页面错误提示 293 <br>8.7.1 用onerror事件捕获错误 293 <br>8.7.2 用try...catch捕获错误 295 <br>8.7.3 用throw抛出错误对象 297 <br>8.8 习题 298 <br>第9章 JavaScript对象与系统对象 301 <br>9.1 自定义类与对象 301 <br>9.1.1 面向对象概述 301 <br>9.1.2 用函数自定义类 302 <br>9.1.3 创建与使用对象 302 <br>9.2 JavaScript全局对象 307 <br>9.2.1 全局对象的属性——全局 变量 307 <br>9.2.2 全局对象的方法——全局 函数 309 <br>9.3 浏览器窗口对象window 311 <br>9.3.1 window对象的属性 312 <br>9.3.2 window对象的对话框 312 <br>9.3.3 window对象的方法 314 <br>9.4 浏览器信息对象navigator 323 <br>9.4.1 navigator对象的属性 323 <br>9.4.2 navigator对象的方法 325 <br>9.5 客户端屏幕对象screen 326 <br>9.6 当前页面URL对象location 327 <br>9.6.1 location对象的属性 327 <br>9.6.2 location对象的方法 330 <br>9.7 浏览页面历史对象history 331 <br>9.8 习题 333 <br>第10章 JavaScript内置对象与DOM 对象 335 <br>10.1 Array数组对象 335 <br>10.1.1 Array数组对象的创建与 length属性 335 <br>10.1.2 Array数组对象的方法 336 <br>10.2 String字符串对象 339 <br>10.3 RegExp正则表达式对象 342 <br>10.3.1 正则表达式的构成 342 <br>10.3.2 RegExp正则表达式对象的 创建与属性 345 <br>10.3.3 RegExp正则表达式对象的 方法 346 <br>10.3.4 String字符串对象使用正则 表达式的方法 350 <br>10.3.5 自定义删除字符串首尾 空格的方法trim(str) 354 <br>10.4 Date日期时间对象 355 <br>10.4.1 Date日期时间对象的 创建 355 <br>10.4.2 Date日期时间对象的 方法 356 <br>10.5 Math类与Boolean、Number 对象 361 <br>10.5.1 Math数学函数类 361 <br>10.5.2 Boolean对象 362 <br>10.5.3 Number对象 362 <br>10.6 document文档对象 364 <br>10.6.1 document对象的属性与 cookie 365 <br>10.6.2 document对象的集合 属性 369 <br>10.6.3 document对象的方法 371 <br>10.7 DOM节点对象 373 <br>10.7.1 DOM节点对象的通用 属性 374 <br>10.7.2 标记对象的所属类 374 <br>10.7.3 标记对象的属性 375 <br>10.7.4 标记对象的方法 377 <br>10.7.5 某些标记对象的专有属性 或方法 378 <br>10.8 event(事件)对象 383 <br>10.9 style(样式)对象 386 <br>10.10 习题 389 <br>第11章 JavaScript应用 392 <br>11.1 下拉列表导航 392 <br>11.1.1 鼠标单击折叠式下拉列表 导航 392 <br>11.1.2 鼠标指向展开式下拉列表 导航 395 <br>11.1.3 下拉列表导航与动态生成 下拉列表 400 <br>11.2 图像操作 403 <br>11.2.1 图像与文本翻转器 403 <br>11.2.2 移动图像——漂浮广告 419 <br>11.2.3 随机显示一条文本或一幅 图像 421 <br>11.2.4 循环显示图像广告 423 <br>11.3 超链接与浏览器窗口操作 428 <br>11.3.1 灵活使用超链接 428 <br>11.3.2 在独立窗口中打开超链接 页面 430 <br>11.4 表单处理与验证 432 <br>11.4.1 使用正则表达式验证表单 内容 432 <br>11.4.2 目前流行的通用表单验证 方法 435 <br>11.4.3 表单综合验证示例 439 <br>11.5 样式表切换器 446 <br>附录 习题参考答案 450 <br>参考文献 460</div> </blockquote> <blockquote> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#dddddd"> <tr> <td bgcolor="#FFFFFF" align="left" width="30%" class="f1">[图书资源]</td> <td bgcolor="#FFFFFF" align="left" width="70%"><a href="ftp://ftp.tup.tsinghua.edu.cn/TsingHuaWenYuan/9787302277545.rar"><img src="themes/jcheng/images/4.jpg" /></a></td> </tr> </table> </blockquote> </div> </div> </div> <script type="text/javascript"> <!-- reg("com"); //--> </script> <div class="blank"></div> <div class="box"> <div class="box_1"> <h3><span class="text">商品标签</span></h3> <div class="boxCenterList clearfix ie6"> <form name="tagForm" action="javascript:;" onSubmit="return submitTag(this)" id="tagForm"> <p id="ECS_TAGS" style="margin-bottom:5px;"> </p> <p> <input type="text" name="tag" id="tag" class="inputBg" size="35" /> <input type="submit" value="添 加" class="bnt_blue" style="border:none;" /> <input type="hidden" name="goods_id" value="2566" /> </p> <script type="text/javascript"> //<![CDATA[ /** * 用户添加标记的处理函数 */ function submitTag(frm) { try { var tag = frm.elements['tag'].value; var idx = frm.elements['goods_id'].value; if (tag.length > 0 && parseInt(idx) > 0) { Ajax.call('user.php?act=add_tag', "id=" + idx + "&tag=" + tag, submitTagResponse, "POST", "JSON"); } } catch (e) {alert(e);} return false; } function submitTagResponse(result) { var div = document.getElementById('ECS_TAGS'); if (result.error > 0) { alert(result.message); } else { try { div.innerHTML = ''; var tags = result.content; for (i = 0; i < tags.length; i++) { div.innerHTML += '<a href="search.php?keywords='+tags[i].word+'" style="color:#006ace; text-decoration:none; margin-right:5px;">' +tags[i].word + '[' + tags[i].count + ']<\/a>   '; } } catch (e) {alert(e);} } } //]]> </script> </form> </div> </div> </div> <div class="blank5"></div> <div id="ECS_BOUGHT"><div class="box"> <div class="box_1"> <h3><span class="text">购买记录</span>(近期成交数量<font class="f1">0</font>)</h3> <div class="boxCenterList"> 还没有人购买过此商品 <div id="buy_pagebar" class="f_r" style="margin-top:10px"> <form name="selectPageForm" action="/goods.php" method="get"> <div id="buy_pager"> 总计 0 个记录,共 1 页。 <span> <a href="javascript:gotoBuyPage(1,2566)">第一页</a> <a href="javascript:;">上一页</a> <a href="javascript:;">下一页</a> <a href="javascript:;">最末页</a> </span> </div> </form> <script type="Text/Javascript" language="JavaScript"> <!-- function selectPage(sel) { sel.form.submit(); } //--> </script> </div> <div class="blank5"></div> </div> </div> </div> <div class="blank5"></div></div><div id="ECS_COMMENT"> <div class="box"> <div class="box_1"> <h3><span class="text">用户评论</span>(共<font class="f1">0</font>条评论)</h3> <div class="boxCenterList clearfix" style="height:1%;"> <ul class="comments"> <li>暂时还没有任何用户评论</li> </ul> <div id="pagebar" class="f_r"> <form name="selectPageForm" action="/goods.php" method="get"> <div id="pager"> 总计 0 个记录,共 1 页。 <span> <a href="javascript:gotoPage(1,2566,0)">第一页</a> <a href="javascript:;">上一页</a> <a href="javascript:;">下一页</a> <a href="javascript:;">最末页</a> </span> </div> </form> <script type="Text/Javascript" language="JavaScript"> <!-- function selectPage(sel) { sel.form.submit(); } //--> </script> </div> <div class="blank5"></div> <div class="commentsList"> <form action="javascript:;" onsubmit="submitComment(this)" method="post" name="commentForm" id="commentForm"> <table width="710" border="0" cellspacing="5" cellpadding="0"> <tr> <td width="64" align="right">用户名:</td> <td width="631">匿名用户</td> </tr> <tr> <td align="right">E-mail:</td> <td> <input type="text" name="email" id="email" maxlength="100" value="" class="inputBorder"/> </td> </tr> <tr> <td align="right">评价等级:</td> <td> <input name="comment_rank" type="radio" value="1" id="comment_rank1" /> <img src="themes/jcheng/images/stars1.gif" /> <input name="comment_rank" type="radio" value="2" id="comment_rank2" /> <img src="themes/jcheng/images/stars2.gif" /> <input name="comment_rank" type="radio" value="3" id="comment_rank3" /> <img src="themes/jcheng/images/stars3.gif" /> <input name="comment_rank" type="radio" value="4" id="comment_rank4" /> <img src="themes/jcheng/images/stars4.gif" /> <input name="comment_rank" type="radio" value="5" checked="checked" id="comment_rank5" /> <img src="themes/jcheng/images/stars5.gif" /> </td> </tr> <tr> <td align="right" valign="top">评论内容:</td> <td> <textarea name="content" class="inputBorder" style="height:50px; width:620px;"></textarea> <input type="hidden" name="cmt_type" value="0" /> <input type="hidden" name="id" value="2566" /> </td> </tr> <tr> <td colspan="2"> <div style="padding-left:15px; text-align:left; float:left;"> 验证码:<input type="text" name="captcha" class="inputBorder" style="width:50px; margin-left:5px;"/> <img src="captcha.php?280495968" alt="captcha" onClick="this.src='captcha.php?'+Math.random()" class="captcha"> </div> <input name="" type="submit" value="" class="f_r" style="border:none; background:url(themes/jcheng/images/commentsBnt.gif); width:75px; height:21px; margin-right:8px;"> </td> </tr> </table> </form> </div> </div> </div> </div> <div class="blank5"></div> <script type="text/javascript"> //<![CDATA[ var cmt_empty_username = "请输入您的用户名称"; var cmt_empty_email = "请输入您的电子邮件地址"; var cmt_error_email = "电子邮件地址格式不正确"; var cmt_empty_content = "您没有输入评论的内容"; var captcha_not_null = "验证码不能为空!"; var cmt_invalid_comments = "无效的评论内容!"; /** * 提交评论信息 */ function submitComment(frm) { var cmt = new Object; //cmt.username = frm.elements['username'].value; cmt.email = frm.elements['email'].value; cmt.content = frm.elements['content'].value; cmt.type = frm.elements['cmt_type'].value; cmt.id = frm.elements['id'].value; cmt.enabled_captcha = frm.elements['enabled_captcha'] ? frm.elements['enabled_captcha'].value : '0'; cmt.captcha = frm.elements['captcha'] ? frm.elements['captcha'].value : ''; cmt.rank = 0; for (i = 0; i < frm.elements['comment_rank'].length; i++) { if (frm.elements['comment_rank'][i].checked) { cmt.rank = frm.elements['comment_rank'][i].value; } } // if (cmt.username.length == 0) // { // alert(cmt_empty_username); // return false; // } if (cmt.email.length > 0) { if (!(Utils.isEmail(cmt.email))) { alert(cmt_error_email); return false; } } else { alert(cmt_empty_email); return false; } if (cmt.content.length == 0) { alert(cmt_empty_content); return false; } if (cmt.enabled_captcha > 0 && cmt.captcha.length == 0 ) { alert(captcha_not_null); return false; } Ajax.call('comment.php', 'cmt=' + cmt.toJSONString(), commentResponse, 'POST', 'JSON'); return false; } /** * 处理提交评论的反馈信息 */ function commentResponse(result) { if (result.message) { alert(result.message); } if (result.error == 0) { var layer = document.getElementById('ECS_COMMENT'); if (layer) { layer.innerHTML = result.content; } } } //]]> </script></div> </div> </div> <div class="blank"></div> <div class="bottomlist"> <img class="contactpic" src="themes/jcheng/images/contactpic.jpg" /> </div> <div class="c12"></div> <div class="pubbox adbox"><img src="themes/jcheng/images/bottompic.jpg" /></div> <div class="copyright"> <div class="pubbox"> Copyright 2005 www.wenyuan.com.cn All Rights Reserved 地址:清华大学院内清华出版社白楼(清华大学游泳馆东侧) <br /> 站长QQ: <a href="http://wpa.qq.com/msgrd?V=1&Uin=124487725(投稿专用)&Site=文源&Menu=yes" target="_blank"><img src="http://wpa.qq.com/pa?p=1:124487725(投稿专用):4" height="16" border="0" alt="QQ" /> 124487725(投稿专用)</a> Email:book1402@126.com(投稿专用) 电话:010-62791865 <br /> 版权所有:© 2005-2024 文源 版权所有,并保留所有权利。 <a href=""><img src="themes/jcheng/images/xml_rss2.gif" alt="rss" /></a> <script src="http://s95.cnzz.com/stat.php?id=5337346&web_id=5337346" language="JavaScript"></script></div> </div> <div class="jiathis_share_slide jiathis_share_24x24" id="jiathis_share_slide"> <div class="jiathis_share_slide_top" id="jiathis_share_title"></div> <div class="jiathis_share_slide_inner"> <div class="jiathis_style_24x24"> <a class="jiathis_button_qzone"></a> <a class="jiathis_button_tsina"></a> <a class="jiathis_button_renren"></a> <a class="jiathis_button_weixin"></a> <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a> <script type="text/javascript"> var jiathis_config = { slide:{ divid:'jiathis_main',//设定分享按钮的位置在哪个DIV的边缘,一般是主体内容的外层DIV框架ID, pos:'right', gt:'true' }, pic:"http://www.wenyuan.com.cn/images/201305/thumb_img/2012719111551.gif", hideMore:false }; </script> <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1368332634055197" charset="utf-8"></script> <script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_slide.js" charset="utf-8"></script> </div></div></div> </body> <script type="text/javascript"> var goods_id = 2566; var goodsattr_style = 1; var gmt_end_time = 0; var day = "天"; var hour = "小时"; var minute = "分钟"; var second = "秒"; var end = "结束"; var goodsId = 2566; var now_time = 1716319650; onload = function(){ changePrice(); fixpng(); try {onload_leftTime();} catch (e) {} } /** * 点选可选属性或改变数量时修改商品价格的函数 */ function changePrice() { var attr = getSelectedAttributes(document.forms['ECS_FORMBUY']); var qty = document.forms['ECS_FORMBUY'].elements['number'].value; Ajax.call('goods.php', 'act=price&id=' + goodsId + '&attr=' + attr + '&number=' + qty, changePriceResponse, 'GET', 'JSON'); } /** * 接收返回的信息 */ function changePriceResponse(res) { if (res.err_msg.length > 0) { alert(res.err_msg); } else { document.forms['ECS_FORMBUY'].elements['number'].value = res.qty; if (document.getElementById('ECS_GOODS_AMOUNT')) document.getElementById('ECS_GOODS_AMOUNT').innerHTML = res.result; } } </script> </html>