返回首页
苏宁会员
购物车 0
易付宝
手机苏宁

服务体验

店铺评分与同行业相比

用户评价:----

物流时效:----

售后服务:----

  • 服务承诺: 正品保障
  • 公司名称:
  • 所 在 地:

  • 正版 Adobe Dreamweaver CC课堂实录:Div+CSS+HTML5 郑宝民,凌波
  • 新华书店旗下自营,正版全新
    • 作者: 郑宝民,凌波主编著 | 郑宝民,凌波主编编 | 郑宝民,凌波主编译 | 郑宝民,凌波主编绘
    • 出版社: 清华大学出版社
    • 出版时间:2021-09
    送至
  • 由""直接销售和发货,并提供售后服务
  • 加入购物车 购买电子书
    服务

    看了又看

    商品预定流程:

    查看大图
    /
    ×

    苏宁商家

    商家:
    美阅书店
    联系:
    • 商品

    • 服务

    • 物流

    搜索店内商品

    商品分类

    商品参数
    • 作者: 郑宝民,凌波主编著| 郑宝民,凌波主编编| 郑宝民,凌波主编译| 郑宝民,凌波主编绘
    • 出版社:清华大学出版社
    • 出版时间:2021-09
    • 版次:1
    • 印次:1
    • 字数:380.0
    • 页数:236
    • 开本:16开
    • ISBN:9787302586814
    • 版权提供:清华大学出版社
    • 作者:郑宝民,凌波主编
    • 著:郑宝民,凌波主编
    • 装帧:平装
    • 印次:1
    • 定价:79.00
    • ISBN:9787302586814
    • 出版社:清华大学出版社
    • 开本:16开
    • 印刷时间:暂无
    • 语种:暂无
    • 出版时间:2021-09
    • 页数:236
    • 外部编号:11275430
    • 版次:1
    • 成品尺寸:暂无

    目 录
    第1章 网页设计入门学习
    1.1 网页的基本概念 2
    1.1.1 网页与网站 2
    1.1.2 静态网页与动态网页 2
    1.2 网站制作流程 4
    1.2.1 网站策划 4
    1.2.2 网站设计 5
    1.2.3 网页制作 6
    1.2.4 测试和发布网站 6
    1.2.5 网站维护 7
    1.3 网页布局与配色 7
    1.3.1 网页的布局类型 7
    1.3.2 网页色彩基础 11
    1.3.3 色彩搭配原则 12
    1.4 网页设计常用工具 17
    1.5 课后练习 18
    第2章 Dreamweaver基础操作
    2.1 Dreamweaver 的工作界面 20
    2.1.1 启动Dreamweaver 20
    2.1.2 自定义软件界面 20
    实例:设置主浏览器 22
    2.1.3 Dreamweaver的视图模式 23
    2.2 站点的创建与管理 23
    2.2.1 创建站点 24
    实例:创建远程站点 25
    2.2.2 编辑站点 26
    2.2.3 导入和导出站点 28
    2.2.4 新建文件或文件夹 28
    2.2.5 编辑文件或文件夹 29
    2.3 文档的基础操作 29
    2.3.1 新建文档 29
    2.3.2 保存文档 29
    2.3.3 打开文档 30
    2.3.4 插入文档 30
    2.3.5 关闭文档 31
    2.4 课堂实战:创建我的站点 31
    2.5 课后练习 33
    第3章 HTML基础
    3.1 认识HTML 36
    3.1.1 HTML简介 36
    3.1.2 HTML的基本结构 36
    3.1.3 文件开始标签 37
    3.1.4 文件头部标签 37
    3.1.5 标题标签 37 <br/>3.1.6 主体标签<body> 38 <br/>3.1.7 元信息标签<meta> 38 <br/>3.1.8 <!DOCTYPE>标签 38 <br/>3.2 HTML的基本标签 38 <br/>3.2.1 标题文字 38 <br/>3.2.2 文字字体 39 <br/>实例:使用HTML在网页中添加文本 40 <br/>3.2.3 段落换行 40 <br/>3.2.4 不换行标签 41 <br/>3.2.5 图像标签 42 <br/>实例:插入网页图像 43 <br/>3.2.6 超链接标签 43 <br/>3.2.7 列表标签 45 <br/>3.2.8 表格标签 47 <br/>3.2.9 表单标签 49 <br/>3.3 HTML 5简介 50 <br/>3.3.1 HTML 5的语法变化 50 <br/>3.3.2 HTML 5中的标记方法 50 <br/>3.3.3 HTML 5中新增加的元素 51 <br/>3.3.4 HTML 5中新增加的属性元素 55 <br/>3.4 课堂实战:制作简单的网页布局 59 <br/>3.5 课后练习 62 <br/>第4章 文本的应用 <br/>4.1 创建文本 66 <br/>4.1.1 直接输入文本 66 <br/>4.1.2 通过“导入”命令导入文本 66 <br/>实例:制作古诗文网页 67 <br/>4.2 设置网页中的文本属性 68 <br/>4.2.1 “属性”面板 69 <br/>4.2.2 设置文本格式 69 <br/>实例:添加文字字体 71 <br/>4.2.3 设置段落格式 73 <br/>4.2.4 设置文本样式 74 <br/>4.2.5 使用段落列表 75 <br/>4.3 在网页中插入特殊元素 75 <br/>4.3.1 插入特殊符号 75 <br/>4.3.2 插入水平线 76 <br/>4.4 课堂实战:制作文字标签 76 <br/>4.5 课后练习 79 <br/>第5章 图像元素的应用 <br/>5.1 在网页中插入图像 82 <br/>5.1.1 网页中图像的常见格式 82 <br/>5.1.2 插入图像 83 <br/>5.1.3 图像的属性设置 83 <br/>5.1.4 图像的对齐方式 85 <br/>5.1.5 运用HTML代码设置图像属性 86 <br/>实例:为文档添加图像 86 <br/>5.1.6 设置网页背景图像 88 <br/>实例:添加网页背景 88 <br/>5.1.7 鼠标经过图像 90 <br/>实例 制作鼠标经过图像效果 90 <br/>5.2 编辑图像 91 <br/>5.2.1 裁剪图像 91 <br/>5.2.2 调整图像的亮度和对比度 92 <br/>5.2.3 锐化图像 92 <br/>5.3 课堂实战:制作鼠标经过图像效果 93 <br/>5.4 课后练习 95 <br/>第6章 超链接的应用 <br/>6.1 超级链接的概念 98 <br/>6.1.1 相对路径 98 <br/>6.1.2 绝对路径 98 <br/>6.2 管理网页超链接 98 <br/>6.2.1 自动更新链接 98 <br/>6.2.2 检查站点中的链接错误 99 <br/>6.3 在文本中应用链接 99 <br/>6.3.1 文本链接 99 <br/>实例:制作电子邮件链接 101 <br/>6.3.2 下载链接 101 <br/>实例:下载电子文档 102 <br/>6.4 在图像中应用链接 103 <br/>6.4.1 图像链接 103 <br/>6.4.2 图像热点链接 103 <br/>6.5 课堂实战:制作书店网页 103 <br/>6.6 课后练习 105 <br/>第7章 表格的应用 <br/>7.1 插入表格 108 <br/>7.1.1 与表格有关的术语 108 <br/>7.1.2 插入表格 108 <br/>7.1.3 表格的基本代码 109 <br/>实例:制作活动信息表 109 <br/>7.2 表格属性 112 <br/>7.2.1 设置表格属性 112 <br/>7.2.2 设置单元格属性 112 <br/>7.2.3 鼠标经过颜色 113 <br/>7.2.4 表格的属性代码 114 <br/>实例:添加表格背景 116 <br/>7.3 选择表格 117 <br/>7.3.1 选择整个表格 117 <br/>7.3.2 选择一个单元格 117 <br/>7.4 编辑表格 118 <br/>7.4.1 拷贝和粘贴表格 118 <br/>7.4.2 添加行和列 119 <br/>7.4.3 删除行和列 120 <br/>7.4.4 合并或拆分单元格 120 <br/>7.5 课堂实战:制作西餐厅网页 121 <br/>7.6 课后练习 123 <br/>第8章 CSS网页美化技术 <br/>8.1 CSS概述 126 <br/>8.1.1 CSS的特点 126 <br/>8.1.2 CSS的定义 126 <br/>8.2 创建CSS样式 129 <br/>8.2.1 CSS设计器 129 <br/>8.2.2 创建CSS样式 129 <br/>实例:添加图片边框 132 <br/>8.3 CSS的设置 134 <br/>8.3.1 类型 134 <br/>8.3.2 背景 135 <br/>8.3.3 区块 135 <br/>8.3.4 方框 136 <br/>8.3.5 边框 137 <br/>8.3.6 列表 137 <br/>8.3.7 定位 138 <br/>8.3.8 扩展 138 <br/>8.3.9 过渡 139 <br/>实例:创建内部样式表 139 <br/>8.4 课堂实战:制作花店网页 141 <br/>8.5 课后练习 145 <br/>第9章 Div+CSS网页布局技术 <br/>9.1 CSS与Div布局基础 148 <br/>9.1.1 什么是Web标准 148 <br/>9.1.2 Div概述 148 <br/>9.1.3 创建Div 149 <br/>9.2 CSS布局方法 150 <br/>9.2.1 盒子模型 150 <br/>9.2.2 外边距设置 151 <br/>实例:设置矩形边距 152 <br/>9.2.3 外边距合并 155 <br/>实例:避免外边距合并 157 <br/>9.2.4 内边距设置 158 <br/>9.3 课堂实战:制作幼儿园网页 159 <br/>9.4 课后练习 167 <br/>第10章 模板和库 <br/>10.1 创建模板 170 <br/>10.1.1 直接创建模板 170 <br/>10.1.2 从现有网页中创建模板 170 <br/>10.1.3 创建可编辑区域 171 <br/>实例:创建网页模板 172 <br/>10.2 管理和使用模板 174 <br/>10.2.1 应用模板 174 <br/>10.2.2 从模板中分离 175 <br/>10.2.3 更新模板及模板内容页 175 <br/>10.2.4 创建嵌套模板 175 <br/>10.2.5 创建可选区域 176 <br/>10.3 创建和使用库 176 <br/>10.3.1 创建库项目 177 <br/>实例:新建库项目 177 <br/>10.3.2 插入库项目 178 <br/>10.3.3 编辑和更新库项目 179 <br/>10.4 课堂实战:制作旅行社网页 180 <br/>10.5 课后作业 183 <br/>第11章 表单的应用 <br/>11.1 使用表单 186 <br/>11.1.1 认识表单 186 <br/>11.1.2 基本表单元素 186 <br/>11.2 文本类表单 187 <br/>11.2.1 文本 187 <br/>11.2.2 密码 188 <br/>11.2.3 文本区域 189 <br/>实例:制作登录界面 189 <br/>11.3 单选按钮和复选框表单 191 <br/>11.3.1 单选按钮和单选按钮组 191 <br/>11.3.3 复选框和复选框组 192 <br/>实例:制作问答网页 193 <br/>11.4 其他常用表单 196 <br/>11.4.1 “提交”和“重置”按钮 196 <br/>11.4.2 文件 196 <br/>11.4.3 选择 196 <br/>11.5 课堂实战:制作读书网站网页 197 <br/>11.6 课后作业 203 <br/>第12章 行为的应用 <br/>12.1 什么是行为 206 <br/>12.1.1 行为 206 <br/>12.1.2 事件 207 <br/>12.1.3 常见事件的使用 207 <br/>12.2 利用行为调节浏览器窗口 208 <br/>12.2.1 调用JavaScript 208 <br/>12.2.2 转到URL 208 <br/>12.2.3 打开浏览器窗口 209 <br/>12.3 利用行为制作图像特效 210 <br/>12.3.1 交换图像与恢复交换图像 210 <br/>实例:制作图像交换效果 211 <br/>12.3.2 预先载入图像 212 <br/>12.4 利用行为显示文本 213 <br/>12.4.1 弹出信息 213 <br/>实例:制作网页弹出信息 213 <br/>12.4.2 设置状态栏文本 214 <br/>12.4.3 设置容器的文本 214 <br/>12.4.4 设置文本域文字 215 <br/>12.5 利用行为控制表单 215 <br/>12.5.1 跳转菜单 215 <br/>12.5.2 检查表单 216 <br/>12.6 课堂实战:美化宠物网站首页 217 <br/>12.7 课后作业 219 <br/>第13章 制作动物园网页 <br/>13.1 项目背景及需求 222 <br/>13.1.1 项目背景 222 <br/>13.1.2 设计要求 222 <br/>13.2 项目制作 222 <br/>13.2.1 项目分析 223 <br/>13.2.2 制作步骤 224</p></div><div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/kl32E6JaA4nXMYZtzrQH_w.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;"><p>从事数字艺术类软件教育工作近二十年,ACAA中国数字艺术专家 ,Autodesk中国教育管理中心培训教材主编,ACAA教育发展计划专家组成员</p><p><br/></p><p><br/></p></p></div><div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/funTunD8TivxiyTdf_nMgw.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;">《Adobe Dreamweaver CC课堂实录(Div+CSS+HTML5)》以网页设计为中心,以实操案例为重心,对DreamweaverCC 2018的知识进行了全面阐述。书中每个案例都给出了详细的操作步骤,同时还对编写过程中的重点难点进行了讲解。<br/>《Adobe Dreamweaver CC课堂实录(Div+CSS+HTML5)》共13章,遵循由浅入深、循序渐进的思路,依次对DreamweaverCC2018的发展及网页制作基础、站点和超链接的编辑、HTML语言知识详解、使用表格布局网页、创建框架网页、使用美化和布局网页、使用模板和库批量制作网页、行为应用详解、表单应用详解等知识进行了详细讲解。<br/>ACAA教育/Autodesk中国教育管理中心(设计类专业国际化课改项目办公室) 推荐教材</p></div><div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/JqWgYQUriZXSvg0uGi-XTQ.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;">《Adobe Dreamweaver CC课堂实录(Div+CSS+HTML5)》以Dreamweaver软件为载体,以知识应用为中心,对平面设计知识进行了全面阐述。书中每个案例都给出了详细的操作步骤,同时还对操作过程中的设计技巧进行了描述。 《Adobe Dreamweaver CC课堂实录(Div+CSS+HTML5)》共13章,遵循由浅入深、循序渐进的思路,依次对网页设计入门知识、Dreamweaver基础操作、HTML基础、文本的应用、图像元素的应用、超链接的应用、表格的应用、CSS网页美化技术、Div+CSS网页布局技术、模板和库、表单、行为等内容进行了详细讲解。很后通过制作动物园网页,对前面所学的知识进行了综合应用,以达到举一反三、学以致用的目的。 《Adobe Dreamweaver CC课堂实录(Div+CSS+HTML5)》结构合理,思路清晰,内容丰富,语言简练,解说详略得当,既有鲜明的基础性,也有很强的实用性,既可作为高等院校相关专业的教学用书,又可作为网页设计爱好者的学习用书,同时也可作为社会各类Dreamweaver软件培训班的优选教材。</p></div><div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/OH_YfLxyJn8NL7rcpUEy8w.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;">"《Adobe Dreamweaver CC课堂实录(Div+CSS+HTML5)》以网页设计为中心,以实操案例为重心,对DreamweaverCC 2018的知识进行了全面阐述。书中每个案例都给出了详细的操作步骤,同时还对编写过程中的重点难点进行了讲解。 《Adobe Dreamweaver CC课堂实录(Div+CSS+HTML5)》共13章,遵循由浅入深、循序渐进的思路,依次对DreamweaverCC2018的发展及网页制作基础、站点和超链接的编辑、HTML语言知识详解、使用表格布局网页、创建框架网页、使用美化和布局网页、使用模板和库批量制作网页、行为应用详解、表单应用详解等知识进行了详细讲解。"</p></div> <div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/ShP5bM-zio-w2rHZI2qAEA.png" ><p><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/6nIhdmpxapg7V2emTLnnZQ.png"></p></div></div> </div> </div> </div> </div> <div id="J-procon-comment" class="tabarea-content" style="display:none;"></div> <div id="J-procon-answer" class="tabarea-content" style="display:none;"></div> <div id="J-procon-sale" class="tabarea-content" style="display:none;"></div> </div> <div id="appraise" class="lazy-ajax mt10" data-type="function"><div class="area loading-holder"></div><a target="_blank" href="//review.suning.com/cmmdty_review/general-000000012429716633-0070153176-1-total.htm">查看全部评论></a> </div> <div id="appwd" class="lazy-ajax mt10" data-type="function"></div> <div id="appAdv" class="mt10"><a rel="nofollow" name="item_12429716633_mobileAd_01" href="//c.m.suning.com/newPacket_pc.html" target="_blank"><img src2="//image3.suning.cn//uimg/cms/img/167836138660343191.png" onerror="javascript:$('#appAdv').hide()"/></a></div> <div id="serviceArea" class="lazy-ajax area mt10"> <div class="area-head"><h3>售后保障</h3></div> <div class="after-market" id="afterService"> <div id="installService" class="lazy-ajax" data-type="function"></div> <div id="afterServicePic" class="lazy-ajax after-market-img-list" style="display: none"></div> <div id="djh-after-market-container" style="display: none"></div> <div id="snblank" style="display: none"></div> </div> </div> <div class="area history mt15" id="historyListDiv" sap-modid="14"> <div class="area-head"> <h3>最近浏览</h3> </div> <div class="lazy-ajax history-rec" id="J-historyList" data-type="function"> </div> </div> <div class="procon-like mt15 lazy-ajax" id="adDatasDiv" sap-modid="16" style="display: none;"> </div> <div class="area history mt15" id="historyRecDiv" sap-modid="08"> <div class="area-head"> <h3>猜你喜欢</h3> </div> <div class="lazy-ajax history-rec" id="J-historyRec" data-type="jsonp"> </div> </div> <script id="guessScriptContent" type="text/html"> {{if skus.length>5}} <a tabindex="-1" aria-hidden="true" class="btn-dir prev" href="javascript:void(0);"><span class="screen-count"><em class="cur-count">1</em>/<i class="total-count">3</i></span><i class="arr"></i></a> <a tabindex="-1" aria-hidden="true" class="btn-dir next" href="javascript:void(0);"><span class="screen-count"><em class="cur-count">1</em>/<i class="total-count">3</i></span><i class="arr"></i></a> {{/if}} <div class="scroll-box"> <ul> {{each skus as value i}} <li com-partinfo="{{value.vendorId}}-{{value.sugGoodsCode}}" com-name="{{value.sugGoodsName}}" com-price="{{value.price}}" com-check="false"> <a tabindex="-1" aria-hidden="true" name="{{value.eleName}}" sa-data="{{value.saData}}" title="{{value.sugGoodsName}}" target="_blank" href="{{value.eleHref}}"> <img alt="{{value.sugGoodsName}}" src="{{value.eleSrc}}"> </a> <p class="price"> <i>¥</i>{{value.price}} {{if value.coopSecType == "A4" && value.specialType && value.specialType != "" && value.specialType.indexOf("T0003") > -1}} <label class="com-has-border">苏宁服务</label> {{else if value.productType==1 || value.coopSecType == "A4"}} <label class="com-has-border">苏宁自营</label> {{/if}} <p class="title"> <a tabindex="-1" aria-hidden="true" name="{{value.eleName}}" sa-data="{{value.saData}}" id="{{value.eleId}}" target="_blank" href="{{value.eleHref}}">{{value.sugGoodsName}}</a> </p> <p class="p-huodong">{{if value.promotionInfo!="" }}<span>{{value.promotionInfo}}</span>{{/if}}</p> </li> {{/each}} </ul> </div> </script> <div class="pro-statement hide" id="proStatement"> </div> </div> </div> <div id="addCartPop" class="promtip-addcart hide"> <div class="promtip-addcart-title"> <i class="tipInfo4 mr5"></i> <span>该商品在当前城市正在进行</span> <label class="promtip-label">抢购</label> <span>促销</span> </div> <ul class="promtip-addcart-panel clearfix"> <li> <p>抢购价:<span class="price"><i>¥</i> <em id="qg_qgprice">38.00</em></span> </p> <a href="javascript:void(0);" id="qg_href" class="btn-view" target="_blank">查看抢购信息</a> </li> <li class="sep"></li> <li> <p>易购价:<span class="price"><i>¥</i> <em id="qg_promotionPrice">38.00</em></span> </p> <a href="javascript:void(0);" id="qg_promotion_href" class="btn-buy">以易购价购买</a> </li> </ul> <p class="promtip-addcart-memo">注:参加抢购将不再享受其他优惠活动</p> <a href="javascript:void(0)" class="close"></a> </div> <div id="J-identify-code" style="display: none;"> <div class="identify-code"> <p class="tips">亲,很抱歉,您购买的宝贝销售异常火爆,让小苏措手不及,请稍后再试~</p> <div class="code-input clearfix"> <dl> <dt class="l">验证码</dt> <dd class="l"> <p class="item-ide"><input id="validateCode" autocomplete="off" class="ui-text l" type="text" value="以下字符不区分大小写"><i id="imageVerifytip" class="tip-icon tip-ok-16 tip-ok l" style="display:none;"></i><em class="code-error l" style="display:none;">验证码错误</em></p> <p class="item-ide"><img onclick="fun_getVcode()" name="vcodeimg1" id="vcodeimg1" class="l" src="" alt=""><span class="change l">看不清楚?<a href="javascript:void(0);" onclick="fun_getVcode()">换一张</a></span></p> <p class="item-ide"><a class="lion-btn certain" href="javascript:void(0);" onclick="ajaxCheckVerifyCodeOrSubmit(true);return false;">确定</a><a class="lion-btn close" href="javascript:void(0);">关闭</a></p> </dd> </dl> </div> </div> </div> <div id="J-company-channel" style="display: none;"> <div class="company-channel"> <p class="tips">亲,大宗购物请点击<span><a href="//b.suning.com">企业用户渠道></a></span>小苏的服务会更贴心!</p> </div> </div> <div id="J-boom" style="display: none;"> <div class="company-channel"> <p class="tips">亲,很抱歉,您购买的宝贝销售<span>异常火爆</span>让小苏措手不及,请稍后再试~</p> </div> </div> <div class="pro-pop gray6 hide" id="proPop"> <div class="pop-up fix"> <a id="proPopCloseBtn" class="close-btn" href="javascript:void(0)" title="关闭">x</a> </div> <div class="pop-main pop-main-normal fix"> <em class="tipIcon"></em> <div class="msg"><strong>您已成功将商品加入收藏夹</strong> <p style="font-size:12px;">查看<a href="#">我的收藏夹</a> </p> </div> </div> <div class="pop-down"> <a id="proPopSubmit" class="pop-btn" href="javascript:;">确定</a> </div> </div> <div id="win_presell" class="hide"> <div class="presell-pay-failed"> <i></i> <p id="psellBookMessage">非常抱歉,您前期未参加预订活动,<br />无法支付尾款哦!</p> <p class="mt20"><a href="javascript:void(0);" class="btn-cancel close">关闭</a></p> </div> </div> <div id="dlg_error_prompt" class="hide"> <div class="d-error-prompt"> <div class="e-img"></div> <p class="d-message">抱歉,您暂无任性付资格</p> </div> </div> <!---super会员预约弹窗--> <div id="super-dialog-tell" class="hide"> <div class="orders-dialog-container"> <div class="orders-msg"> <span class="orders-common super-new-posi"></span> <div class="super-dialog-text"><span id="super-dialog-msg">此时为正式期SUPER会员专享抢购期,普通会员暂不可抢购</span></div> </div> <div class="btn-box"> <a href="javascript:;" name="item_12429716633_supertqqqx_click" id="dialogVipPriceClose" class="btn4 close"> <p>继续等待</p> <p>0小时0分</p> </a> <a href="javascript:;" name="item_12429716633_supertqqkt_click" id="dialogVipPriceLink" class="btn3"> <p>立即开通</p> <p>SUPER会员</p> </a> </div> </div> </div> <div id="orders-dialog-content" class="hide" sap-modid="18"> </div> <div class="lazy-ajax" id="pds-footer" data-type="function"> <div style="height:25px;"></div> </div> <script type="text/javascript" src="//res.suning.cn/project/crdnode/common/tingyun.js?v="></script> <script type="text/javascript" src="//res.suning.cn/project/crdnode/comps/seoComponents-mini.js?v="></script> <script type="text/javascript"> var isArray=function(obj){return Object.prototype.toString.call(obj)==='[object Array]';} var windowOnLoadEventQueue=[];var scriptOnLoadEventQueue=[];window.onload=function(){for(var i=0;i<windowOnLoadEventQueue.length;i++){windowOnLoadEventQueue[i]();}} function addOnLoad(func){windowOnLoadEventQueue=windowOnLoadEventQueue.concat(func);} var lazyScriptMap={};function lazyLoadScript(src,callback){if(!lazyScriptMap[src]){lazyScriptMap[src]=callback;var scriptNode=document.createElement("script");if('function'===typeof callback){scriptNode.onload=callback;scriptNode.onreadystatechange=function(){if("loaded"==scriptNode.readyState||"complete"==scriptNode.readyState){callback();}}}else if(isArray(callback)){var callbackSequence=function(){for(var i=0;i<callback.length;i++){(callback[i])();}};scriptNode.onload=callbackSequence;scriptNode.onreadystatechange=function(){if("loaded"==scriptNode.readyState||"complete"==scriptNode.readyState){callbackSequence();}}} scriptNode.type="text/javascript";scriptNode.src=src;var scriptContainer=document.getElementsByTagName("head")[0];scriptContainer.appendChild(scriptNode);}else{}} function lazyLoadScripts(srcs,callback){var srcNum=srcs.length;var loadingProgress=0;if(srcNum>0){for(var i=0;i<srcNum;i++){var currSrc=srcs[i];lazyLoadScript(currSrc,function(){loadingProgress++;if(srcNum==loadingProgress){if('function'===typeof callback){callback();}else if(isArray(callback)){for(var i=0;i<callback.length;i++){(callback[i])();}}}});}}} var isTimeout = false; var lazyLoadFunction = null; var lazyScriptLoaded = false; var lazyScriptTimeout = 2000; //默认的超时时间2秒,这个数字2是业务部或用户体验部门来提出要求。 //在懒加载方法中对事件响应后绑定 lazyloadBindingFuc=function() { $(".mycar, .myhelp, .myweb").bind({ mouseover: function() { addhover(this); }, mouseout: function() { delhover(this); } }); } lazyLoadFunction = function() { if(lazyScriptLoaded&&isTimeout) { //一旦已经执行过,并且是在timeout的情况下执行,则需要加载da.js lazyLoadScript( "//res.suning.cn/javascript/sn_da/da_opt.js?v=2024062502", function(){ lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2024062502" );}); return; } lazyScriptLoaded =true;//flag置为true if (isTimeout) { lazyLoadScript("//res.suning.cn/javascript/ShoppingArea/V9/ECode.calendar.js?v=2024062502", function(){ lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2024062502" );}); } else { lazyLoadScript("//res.suning.cn/javascript/ShoppingArea/V9/ECode.calendar.js?v=2024062502", function(){ lazyLoadScript("//res.suning.cn/javascript/sn_da/da_opt.js?v=2024062502", function(){ lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2024062502" );} );} ); } } addOnLoad(lazyloadBindingFuc); addOnLoad(lazyLoadFunction); //对lazyload设置 超时机制 function checkLazyScriptTimeout(){ isTimeout = true; if(!lazyScriptLoaded){//检测lazy script是否已经加载 if(!!lazyLoadFunction){//检测下函数空间,以免servlet还没加载完全 lazyLoadFunction();// }else{ setTimeout(checkLazyScriptTimeout, 1000);//在servlet还没加载完全的情况下,每过1秒,重新检测一次 } } } setTimeout(checkLazyScriptTimeout, lazyScriptTimeout); /*eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 8;5(!8)8={};5(!8.K)8.K={};(4(){2 j=/^\\w*?.A.z$/,1f=9.P.2r,Q=(("10:"==9.P.Q)?"10://":"2l://"),14=16(),7="|",1e=P.T,1h=v(1x(1e));4 U(a){2 b=a.V?v(a.V):"V B",p=a.p?v(a.p):"p B",C=y 2i(),1m=(R(a,C),C)?v(C.2f("").1w(/\\s|\\|/2e,"")):"2d B",t=(t=9.S("2c"))?t.Y:"",1a=p+7+b+7+1m,J=(J=9.S("2b"))?J.Y:"",1g=Q+14+"/2a.25",N=1n(),O="O";1r(O,N,\'/\',"","");2 c=l("23"),Z=22 11=="2s"?11.13:"20 1Z 1X 13",17=N+7+c+7+1a+7+1h,L=a.T?a.T:\'\',M=(L?19(L):\'-\'),F=9.S("1W"),1c=(F?F.Y:""),1d=l(\'1S\').H(\'|\')[1],1y=l(\'1O\'),1j=l(\'1M\'),1l=l(\'1K\').H(\'|\')[0],1o=1g+"?"+"1J="+17+"&1I="+J+"&t="+t+"&1H="+Z+\'&1G=\'+M+\'&F=\'+1c+\'&1D=\'+1d+\'&1C=\'+1y+\'&M=\'+1l+\'&1z=\'+1j;1v(1o)}4 1n(){2 a=y X(),m=1u.21(1A*1u.1B()),1t=a.W().1E().1F(m);6 1t}4 l(a){2 b=9.1q.H("; ");1p(2 i=0;i<b.I;i++){2 c=b[i].H("=");5(c[0]==a)6 1L(c[1])}}4 1v(a){2 n="1N"+(y X()).W();2 i=1i[n]=y 1P();i.1Q=(i.1R=4(){1i[n]=G});i.1T=a+"&1U="+n;i=G}4 16(){5(j.1V(1f)){6"K.A.1b/8"}E{6"1Y.A.1b/8"}}4 15(){6 9.D}4 1r(a,b,c,d,e){2 f=a+"="+24(b);5(d!=""){2 g=y X();g.26(g.W()+d);f+=";27="+g.28()}5(c!=""){f+=";29="+c}2 h=15();5(h.u(".A.z")!=-1){f+=";D=.A.z"}E 5(h.u(".18.z")!=-1){f+=";D=.18.z"}E{f+=";D="+e}9.1q=f}4 19(r){2 a=\'-\';5(!q(r)){a=1s(r,\'2g\',\'&\')}6 a}4 1x(a){5(a.I>2h){a=a.1k(0,2j)}2k(a.u(7)!=-1){a=a.1w(7,"--")}6 a}4 R(n,a){5(n.12==3){a.2m(n.2n)}E 5(n.12==1){1p(2 m=n.2o;m!=G;m=m.2p){R(m,a)}}}4 v(s){6 s!=G?2q(s):""}4 1s(a,b,c){2 d="-",x;5(!q(a)&&!q(b)&&!q(c)){x=a.u(b);5(x>-1){2 e=a.u(c,x);5(e<0){e=a.I}d=a.1k(x+b.I+1,e)}}6 d}4 q(o){6(B==o||\'\'==o||\'-\'==o)}2 k=8.K;k.U=U})();',62,153,'||var||function|if|return|_tag|sa|document||||||||||||getCookieIndex||||id|IsEmpty|||_type|indexOf|_encode||idx|new|com|suning|undefined|_strings|domain|else|urlPattern|null|split|length|_errorCode|click|aHref|sid|oId|_snck|location|protocol|_getString|getElementById|href|sendDatasIndex|name|getTime|Date|value|_cityId|https|sn|nodeType|cityId|server|_getDomain|getServer|cDatas|cnsuning|GetSID|Datas|cn|urlPatternV|visitorID|_toUrl|hostName|clickUrl|_shortToUrl|window|memberID|substring|sessionID|_text|getOnlyIdIndex|url|for|cookie|_addCookie4Index|Pick|onlyId|Math|httpGifSendIndex|replace|_cutUrlToShort|loginUser|mid|100000|random|lu|vid|toString|concat|_sid|_cId|_snme|_snmk|_snmb|unescape|custno|log_|idsLoginUserIdLastTime|Image|onload|onerror|_snma|src|iId|test|URLPattern|get|clicksit|not|can|round|typeof|_snmp|escape|gif|setTime|expires|toGMTString|path|ajaxClick|errorCode|resourceType|text|ig|join|tid|301|Array|300|while|http|push|nodeValue|firstChild|nextSibling|encodeURIComponent|hostname|object'.split('|'),0,{}))*/ $(document).ready(function(){ if($("#anchorList li").length == 0){ $("#J-procon-desc").addClass("not-anchor"); $(".prod-detail-container").addClass('not-anchor'); } $("dl[name^=item_],img[name^=item_],span[name^=item_],a[name^=item_],p[name^=item_],div[name^=item_],i[name^=item_],li[name^=item_],input[name^=item_],a[name^=reviewitem_],input[name^=reviewitem_],p[name^=reviewitem_]").live("click",function(){ sa.click.sendDatasIndex(this); }); //分享附节点阻止了冒泡,另设分享 $('.share a[name^=item_],.share span[name^=item_]').on("click", function(){ sa.click.sendDatasIndex(this); }); // bd.init({ // 'token' : 'other' // }); var env = "prd"; if(sn.envName){ if(sn.envName == "PROD"){ env = "prd"; }else if(sn.envName == "SIT"){ env = "sit"; }else if(sn.envName == "XGPRE"){ env = "xgpre"; }else if(sn.envName == "PRE"){ env = "pre"; } } bd.init({ appCode : "OLSltniYhR1s2xr5", env : env }); _dfp.init({ appCode : "OLSltniYhR1s2xr5", env : env, error : function (e) { } }); }); //FourPage.initCluster(); CommonFourPage.autoPlayer(); FourPage.itemMainTab();//主tab切 iFourth.initDetailScroll();//详情锚点 //初始化横条dom iFourth.fillProconToolbar(); iFourth.init();//加载页面效果 FourPage.lazyElems(); FourPage.lazyFunction(); FourPage.commGroup()//同级目录 //非捐助加载推荐 if(!sn.donateFlag){ FourPage.Recommend();//推荐 } //展示举报 FourPage.showJubao(); initHistoryCookie(sn.partNumber,sn.vendorCode);//更新cookie if($("#kernelParmeter").length>0&&$.trim($("#kernelParmeter").find("ul").html())==""){$("#kernelParmeter").hide()} $("#cslpBox").html("").show(); iFourth.bindProServTooltip();//服务标签 $("img[src2]").Jlazyload({type: "image", placeholderClass: "err-product"}); //360度图片加载 if(sn.itemViewFlag){ iFourth.popTabFun(); } $('#hbModel-pj').on('click',function(){ $("#productCommTitle").click(); }); //在线客服 setFixBarOnline(); //DOM结束后塞值防止DOM没加载结束值没塞进去 $("li[rel=#J-procon-comment]").html('<a name="item_'+sn.ninePartNumber+'_tab_pingjia" href="javascript:void(0);">评价('+sn.reviewTotal+')</a>'); if(typeof gProduct == "undefined" || gProduct.gors != "0"){ $("#tabAddCart").show(); }else{ $("#tabAddCart").hide(); } if($("#callmeTile").length == 0){ $("#onlineTile").parent().hide(); } //相关品牌 Recommend.lazyRelGroup(); //页尾 Recommend.lazyFooter(); iFourth.judgeCanvas(); function parseQueryString(url) { var regUrl = /^[^\?]+\?([\w\W]+)$/; var regPara = /([^&=]+)=([\w\W]*?)(&|$|#)/g; var arrUrl = regUrl.exec(url); var ret = {}; if (arrUrl && arrUrl[1]) { var strPara = arrUrl[1]; var result; while ((result = regPara.exec(strPara)) != null) { ret[result[1]] = null != result[2]?result[2]:""; } } return ret; } window.doSeoComponents = function () { var reg = /^http(s)?:\/\/(.*?)\//; var referrer = document.referrer; var referrerHost = referrer && reg.exec(referrer); referrerHost = (referrerHost && Array.isArray(referrerHost)) ? referrerHost[2] : ''; var seoReferrerList = ",www.baidu.com,m.baidu.com,so.m.sm.cn,www.so.com,m.so.com,www.sogou.com,wap.sogou.com,cn.bing.com,cn.google.com,so.toutiao.com,m.toutiao.com,nativeapp.toutiao.com,"; if (null != referrerHost && '' != referrerHost && seoReferrerList.indexOf(','+referrerHost+',') != -1) { var categorys = {first:"502282",second:"502308",third:"502547"}; var coupons = new Array(); console.log(couponList); if (null != couponList && couponList.length > 0) { for (var i = 0; i < couponList.length; i++) { var actObj = couponList[i]; if (null != actObj.activityType && actObj.activityType != "7") { continue; } var obj = parseQueryString(actObj.activityLink); coupons.push({ actId: actObj.activityId, actKey: actObj.activitySecretKey, channel: "", cityId: sn.lesCityId, bonusTrigerId: obj.bonusTrigerId==null?"":obj.bonusTrigerId, mobileVisitWapFlag: "", versionNo: '', uuid: '', sourceId: "2001", salesPrice: actObj.couponValue, activityDescription: actObj.activityDesc, activityTypeId:actObj.activityId, couponType:actObj.couponType, couponTypeTag:actObj.couponShowType, memberAttLimitType:actObj.memberAttributeList }); } } var product = { cityCode:sn.lesCityId, prodNo:sn.partNumber, shopCode:sn.vendorCode, comeFrompage:"fourGoodpage", shopName:"美阅书店", classCode:sn.catenIds, brandId:"0001400CU", distCode:getAddrCode(), b2cGroupId:sn.categoryId, goods_price:sn.promotionPrice, goodsName:sn.itemDisplayName, productImage:sn.fristPic, sourceURL:"https://product.suning.com/0070153176/12429716633.html" }; seoComponents.init({ mode:"compSe", sourceChannel: "04", platform: "p", styles: {}, activityCode: "ACT0000012972", gameId: "GM0217", coupons: coupons, categorys: categorys, brand:"00014", product:product }); } }; </script> <script id="shoppingAllowanceDialog" type="text/html"> <div id="o2o-cjhb" sap-modid="23"> <div class="o2o-contain"> <div id="oto-bgg" class="oto-bgg" style='background: url("//image2.suning.cn/uimg/cms/img/154287473370364143.png")'> <p class="o2o-p1" style='background-image: url("//image2.suning.cn/uimg/cms/img/154510130790775531.png")'></p> {{if dialogMode == '5'}} <p class="o2o-p2">活动太火爆 稍后尝试</p> <br/> {{else}} <p class="o2o-p2"><a name="item_12429716633_gwjtmjhd_click" target="_blank" href="{{ruleUrl}}">{{bountyRulDescribe}} ></a></p> {{if startTimeStr && endTimeStr}} <p class="o2o-p3">{{startTimeStr}} 至 {{endTimeStr}}</p> {{/if}} {{/if}} <div id="o2oDynamic"> <div class={{if dialogMode == '1'}} "o2o-common o2o-avalible"> {{else if dialogMode == '4'}} "o2o-common o2o-success"> {{else if dialogMode == '5'}} "o2o-common o2o-avalible"> {{/if}} {{if dialogMode == '5'}} <div class="o2o-lkbg">刷新</div> {{else}} <div class="o2o-d-con"> {{if freeAllowanceObj }} <div class="o2o-d-y" sendCategory="free_allowance" sa-data="{'eletp':'','eleid':'140000630'}"> <span class="o2o-zydh">抢{{freeAllowanceObj.freeAmount}}元</span> <span class="o2o-zyxy">可领{{freeAllowanceObj.freeRemainCount}}次</span> </div> {{else}} {{each surplusQuota as quota}} <div class="{{if !point || point < quota.pointQuota}}o2o-d-n{{else}}o2o-d-y{{/if}}{{if dialogMode != '1'}} hide{{/if}}" {{if quota.sendCategory=="0"}}sa-data="{'eletp':'','eleid':'140000640'}"{{else if quota.sendCategory=="1"}}sa-data="{'eletp':'','eleid':'140000650'}"{{/if}} sendCategory="{{quota.sendCategory}}"> <span class="o2o-zydh">{{if quota.sendCategory=="1"}}抢{{quota.minAllowanceQuota}}-{{quota.maxAllowanceQuota}}元{{else if quota.sendCategory=="0"}}抢{{quota.allowanceQuota}}元{{/if}}</span> <span class="o2o-zyxy">{{if !point || point < quota.pointQuota}}云钻不足{{else}}需{{quota.pointQuota}}云钻{{/if}}</span> </div> {{/each}} {{/if}} </div> <div class="o2o-do-text{{if dialogMode != '4'}} hide{{/if}}"><i>恭喜,兑换成功(</i><i>5</i><i>s)</i></div> <div class="o2o-done{{if dialogMode != '4'}} hide{{/if}}">获得{{if dialogMode == '4'}}{{exchangeAllowanceQuota}}{{/if}}元购物补贴</div> {{/if}} </div> {{if point >= 0}} <div class="o2o-my-money"> <span>我的云钻 : </span> <i>{{point}}</i> </div> {{/if}} {{if bonusUseAmount >= 0 && shopAllowanceRedPacketLinkSwitch == '1'}} <div class="o2o-my-money"> <a href="//quan.suning.com/shoppingCoupon/shoppingCoupon_{{activityId}}.htm" target="_blank"><span>我的购物补贴 : </span> <i>¥ {{bonusUseAmount}}</i></a> </div> {{/if}} </div> </div> </div> </div> <!-- 风控验证 --> <div class="identity-pop-form" id="vasIdentityPopForm" style="display: none"> <div class="idty-container"> <div class="clearfix" id="vasSlideWords" style="display: none"> <div class="lose-img"></div> <div class="idty-prompt"> <p>活动太火爆,请滑动验证!</p> </div> </div> <div class="clearfix" id="vasImgWords" style="display: none"> <div class="lose-img"></div> <div class="idty-prompt"> <p>活动太火爆,请输入验证码验证!</p> </div> </div> <div class="idty-area" id="vasSlideCheck" style="display: none"> <div> <div style="width: 332px;height: 42px; text-align: center;background: #75C72B;" id="vasSlideArea"></div> </div> </div> <div class="idty-area" id="vasImgCheck" style="display: none"> <div class="identity-img "> <div class=" clearfix "> <div class="idty-input check-err check-correct" id="vasChenckInfo"> <input type="text" id="vasImgtext"> <i class="err-i" style="display: none"></i> <i class="correct-i" style="display: none"></i> </div> <img src="" alt="" class="idtycode-img"> <a href="javascript:;" class="idty-change" onclick="shopAllowance.fk.imageCheck.changeValidate()">换一张</a> </div> <div class="err-box" style="display: none" id="vasErrbox"></div> <a href="javascript:;" class="btn-idty" id="vasValidateButton">验证领取</a> </div> </div> <div id="vasSMSCheck" style="display: none"> <div class="page1 SMS_security"> <div class="info info-tel"> <p>手机号码:<span class="tel-num" id="vasSmsTel"></span></p> </div> <p class="info info-code"> <input type="tel" class="code" id="vasSmsCode" placeholder="请输入验证码"> <a class="code1" id="vasGetSmsCode" href="javascript:;">获取验证码</a> </p> <p class="error-msg" style="display: none" id="vasSmsErrbox">验证码错误</p> <div class="btn-box"> <a href="javascript:;" class="btn-idty" id="vasSMSButton">确定</a> <a href="javascript:;" class="btn2" id="vasSMSCancel">取消</a> </div> </div> </div> </div> </div> </script></body> </html>