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

服务体验

店铺评分与同行业相比

用户评价:----

物流时效:----

售后服务:----

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

欢迎光临我们店铺!书籍都是正版全新书籍,欢迎下单~!!

本店所有商品

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

    看了又看

    商品预定流程:

    查看大图
    /
    ×

    苏宁商家

    商家:
    诺森图书音像专营店
    联系:
    • 商品

    • 服务

    • 物流

    搜索店内商品

    商品分类

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

    章 网页设计入门学习
    1.1 网页的基本概念 2
    1.1.1 网页与 2
    1.1.2 静态网页与动态网页 2
    1.2 制作流程 4
    1.2.1 策划 4
    1.2.2 设计 5
    1.. 网页制作 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的视图模式
    2.2 站点的创建与管理
    2.2.1 创建站点 24
    实例:创建远程站点 25
    2.2.2 编辑站点 26
    2.. 导入和导出站点 28
    2.2.4 新建文件或文件夹 28
    2.2.5 编辑文件或文件夹 29
    . 文档的基础操作 29
    ..1 新建文档 29
    ..2 保存文档 29
    .. 打开文档 30
    ..4 插入文档 30
    ..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.. 段落换行 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 设置网页中的文本属 6 <br/>4.2.1 “属”面板 69 <br/>4.2.2 设置文本格式 69 <br/>实例:添加文字字体 71 <br/>4.. 设置段落格式 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代码设置图像属 6 <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.. 锐化图像 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.. 鼠标经过颜色 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 课后练习 1 <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.. 外边距合并 155 <br/>实例:避免外边距合并 157 <br/>9.2.4 内边距设置 158 <br/>9.3 课堂实战:制作幼儿园网页 159 <br/>9.4 课后练习 167 <br/>0章 模板和库 <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.. 更新模板及模板内容页 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/>1章 表单的应用 <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.. 文本区域 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/>2章 行为的应用 <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.. 打开浏览器窗口 209 <br/>1. 利用行为制作图像 210 <br/>1..1 交换图像与恢复交换图像 210 <br/>实例:制作图像交换效果 211 <br/>1..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/>3章 制作动物园网页 <br/>13.1 项目背景及需求 222 <br/>13.1.1 项目背景 222 <br/>13.1.2 设计要求 222 <br/>13.2 项目制作 222 <br/>13.2.1 项目分析 2 <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/54XSQBuuAfBRAx4FDmZ-QA.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;">从事数字艺术类软件教育工作近二十年,ACAA中国数字艺术专家 ,Autodesk中国教育管理中心培训教材主编,ACAA教育发展计划专家组成员</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/qnp1myp0cOuyPC8dVLnPrQ.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语言知识详解、使用表格布局网页、创建框架网页、使用美化和布局网页、使用模板和库批量制作网页、行为应用详解、表单应用详解等知识进行了详细讲解。"</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/LVHkLmgb44L-rCN6SxMj4g.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/1pM3paQo23_PCLnjH91SWw.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-000000012429146217-0071042237-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_12429146217_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_12429146217_supertqqqx_click" id="dialogVipPriceClose" class="btn4 close"> <p>继续等待</p> <p>0小时0分</p> </a> <a href="javascript:;" name="item_12429146217_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:"502546"}; 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/0071042237/12429146217.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_12429146217_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>