胡崧《最新HTML&CSS标准教程》- 买旧书上有路

第1章 HTML基础
1. 1 HTML基本概念
1. 2 HTML的发展历史
l. 3 HTML的设计原则
1. 4 HTML 4. 0的新特点
1. 5 习题
第2章编写**个HTML文件
2. 1 HTML文件的编写方法
2. 2 使用浏览器浏览HTML文件
2. 3 HTML文件的基本结构
2. 4 习题
第3章页面的头部标记
3. 1 HTML头部标记
3. 2 标题标记<br />3. 3 基底网址标记<B...... 更多</div> </div> </div> </div> <div class="txt-nav"> <div id="txt-nav"> <ul><li><a href="#J_summary">内容提要</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="/873" target="_blank"> <img alt="网站全程设计技术(修订本)（内容一致，印次、封面或原价不同，统一售价，随机发货）" src="https://img7.youlu.net/bookpic/l/873/8739bd908.jpg-n"> </a> </div> </div> <p class="title"> <a href="/873" target="_blank" title="网站全程设计技术(修订本)（内容一致，印次、封面或原价不同，统一售价，随机发货）">网站全程设计技术(修订本)（内容一致，印次、封面或原价不同，统一售价，随机发货）</a> </p> <p class="price"> <span class="price_d">¥<em>5.00</em></span> <span class="price_m">¥35.00</span> </p> </li> <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>11.60</em></span> <span class="price_m">¥28.00</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>14.90</em></span> <span class="price_m">¥39.50</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.50</em></span> <span class="price_m">¥32.80</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="/3458947" target="_blank"> <img alt="JSP实用教程-(第三版)" src="https://img7.youlu.net/bookpic/l/947/3458947aacaf5.jpg-n"> </a> </div> </div> <p class="title"> <a href="/3458947" target="_blank" title="JSP实用教程-(第三版)">JSP实用教程-(第三版)</a> </p> <p class="price"> <span class="price_d">¥<em>31.60</em></span> <span class="price_m">¥39.50</span> </p> </li> <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="/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: <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>  <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>

全部图书分类

经济管理

成功励志

管理

经济金融

文学艺术

收藏鉴赏

艺术

文学小说

文化历史

人文社科

新闻传播

心理

法律

自然科学

社会科学

政治军事

哲学

语言学习

科学技术

汽车与交通运输

医学卫生

计算机与网络

科技工程

建筑

生活休闲

家庭育儿

生活时尚

旅游地理

体育保健

少儿

教育考试

教育考试

工具书

最新HTML&CSS标准教程

猜你也喜欢

新书比价

图书详情

内容提要

目录