第三篇 HTML5和CSS3开发__eol__基础与应用__eol__第7章 HTML5简介 2__eol__7.1 HTML5的出现 2__eol__7.2 浏览器对HTML5的兼容性 4__eol__7.3 HTML5和HTML4的区别 4__eol__7.3.1 DTD的变化 4__eol__7.3.2 字符编码的变化 5__eol__7.3.3 HTML5语法的变化 5__eol__7.4 HTML5的优势 6__eol__7.5 本章小结 7__eol__第8章 HTML5常用元素和属性 8__eol__8.1 HTML5保留的常用元素 8__eol__8.1.1 基本元素 9__eol__8.1.2 文本格式化元素 11__eol__8.1.3 超链接和锚点 14__eol__8.1.4 列表相关元素 15__eol__8.1.5 表格相关元素 17__eol__8.2 HTML5新增的常用元素 20__eol__8.2.1 文档结构元素 20__eol__8.2.2 文本格式化元素 28__eol__8.2.3 页面增强元素 29__eol__8.2.4 多媒体元素 30__eol__8.3 HTML5的通用属性（全局__eol__属性） 32__eol__8.3.1 HTML5保留的通用属性 32__eol__8.3.2 contenteditable属性和designMode属性 33__eol__8.3.3 hidden属性 35__eol__8.3.4 spellcheck属性 36__eol__8.4 HTML5废弃的元素 36__eol__8.5 HTML5废弃的属性 37__eol__8.6 本章小结 38__eol__第9章 HTML5表单相关元素和属性 39__eol__9.1 HTML5原有的表单元素及__eol__表单控件 40__eol__9.1.1 表单元素

40__eol__9.1.2 表单控件 41__eol__9.1.3 表单控件 42__eol__9.1.4 表单控件、__eol__和 43__eol__9.1.5 表单控件 44__eol__9.1.6 表单控件 45__eol__9.2 HTML5表单新增的元素 46__eol__9.2.1 input元素新增功能类型 46__eol__9.2.2 HTML5新增的表单控件<output> 55__eol__9.3 HTML5表单控件新增的属性 55__eol__9.3.1 form属性 56__eol__9.3.2 formaction属性 56__eol__9.3.3 formmethod属性 57__eol__9.3.4 formenctype属性 58__eol__9.3.5 formtarget属性 58__eol__9.3.6 placeholder属性 59__eol__9.3.7 autocomplete属性 60__eol__9.3.8 autofocus属性 61__eol__9.3.9 list属性 61__eol__9.3.10 pattern属性 62__eol__9.3.11 novalidate属性 63__eol__9.3.12 required属性 64__eol__9.3.13 <textarea>新增maxlength__eol__属性和wrap属性 65__eol__9.4 本章小结 65__eol__第10章 CSS3新增选择器 66__eol__10.1 CSS3简介 66__eol__10.2 兄弟选择器 67__eol__10.3 新增的属性选择器 68__eol__10.4 新增的伪类选择器 72__eol__10.5 新增的伪元素选择器 74__eol__10.6 本章小结 76__eol__第11章 CSS3新增属性 77__eol__11.1 CSS3新增背景属性 77__eol__11.1.1 background-clip 77__eol__11.1.2 background-origin 78__eol__11.1.3 background-size 80__eol__11.1.4 多背景图片 81__eol__11.2 CSS3新增字体文本相关__eol__属性 82__eol__11.2.1 CSS3新增使用服务器__eol__字体 82__eol__11.2.2 CSS3新增文本属性 82__eol__11.3 CSS3新增盒模型属性 85__eol__11.3.1 圆角边框 85__eol__11.3.2 box-shadow 86__eol__11.3.3 resize 88__eol__11.3.4 outline-offset 89__eol__11.4 CSS3新增变形动画属性 89__eol__11.4.1 CSS3的变形属性 90__eol__11.4.2 CSS3的3D变形属性 95__eol__11.4.3 CSS3的过渡属性 101__eol__11.4.4 CSS3的动画属性 105__eol__11.5 CSS3新增多列属性 107__eol__11.6 本章小结 111__eol__第四篇 轻量级框架应用__eol__第12章 jQuery基础 114__eol__12.1 jQuery框架概述 114__eol__12.1.1 jQuery简介 115__eol__12.1.2 jQuery优势 115__eol__12.1.3 jQuery安装 116__eol__12.1.4 jQuery语法 119__eol__12.2 jQuery选择器 120__eol__12.2.1 id选择器 120__eol__12.2.2 类选择器 122__eol__12.2.3 标记选择器 123__eol__12.2.4 属性选择器 124__eol__12.2.5 位置选择器 127__eol__12.2.6 后代选择器 130__eol__12.2.7 子代选择器 130__eol__12.2.8 选择器对象 131__eol__12.2.9 选择器对象遍历应用__eol__及页面初始化 133__eol__12.3 jQuery中的DOM操作 134__eol__12.3.1 查找HTML元素 135__eol__12.3.2 创建HTML元素 136__eol__12.3.3 插入HTML元素 137__eol__12.3.4 删除HTML元素 141__eol__12.3.5 复制HTML元素 143__eol__12.3.6 替换HTML元素 144__eol__12.4 jQuery事件 145__eol__12.4.1 事件绑定 146__eol__12.4.2 鼠标事件 147__eol__12.4.3 键盘事件 152__eol__12.4.4 表单事件 155__eol__12.4.5 窗口事件 159__eol__12.4.6 事件冒泡 161__eol__12.4.7 事件解除 165__eol__12.5 本章小结 169__eol__第13章 jQuery效果 171__eol__13.1 jQuery容器适应 171__eol__13.1.1 元素及浏览器窗口的宽__eol__和高 171__eol__13.1.2 div自适应窗口高度 174__eol__13.2 jQuery标签操作 176__eol__13.2.1 标签内容操作 176__eol__13.2.2 标签属性操作 180__eol__13.2.3 图片轮换效果 181__eol__13.2.4 标签样式操作 183__eol__13.2.5 选项卡效果 188__eol__13.3 jQuery动画 190__eol__13.3.1 隐藏和显示 190__eol__13.3.2 遮罩层 192__eol__13.3.3 淡入和淡出 194__eol__13.3.4 动画效果滑动 195__eol__13.3.5 页面右下角弹层 196__eol__13.3.6 自定义动画方法 198__eol__13.3.7 鼠标位置获取 200__eol__13.3.8 两级联动 201__eol__13.4 jQuery弹窗案例 203__eol__13.4.1 弹窗移动分析 203__eol__13.4.2 弹窗移动实现 203__eol__13.5 图片左右滚动案例 206__eol__13.5.1 图片左右滚动分析 206__eol__13.5.2 图片左右滚动实现 207__eol__13.6 图片放大效果案例 209__eol__13.6.1 图片放大效果分析 209__eol__13.6.2 图片放大效果实现 210__eol__13.7 本章小结 214__eol__第14章 jQuery AJAX 215__eol__14.1 AJAX简介 215__eol__14.1.1 AJAX工作原理 216__eol__14.1.2 AJAX原 </div> <a href="javascript:void(0);" class="tpml-all"></a> </div> </div> <!-- 评价 --> <div class="tab-main" style="display: none;"> <form id="search_form" action="" method="get"> <input type="hidden" value="evaluate" name="cur"> <input type="hidden" name="textbook_id" value="712957"> <input type="hidden" name="page" id="search_form_page" value="1"> </form> <div class="table-H"> <span>好评度</span> </div> <ul class="pjBox"> <li> <div class="pjStar"> <p>内容评价 <label class="star-box"> <i></i> <i></i> <i></i> <i></i> <i></i> </label> </p> <p>质量评价 <label class="star-box"> <i></i> <i></i> <i></i> <i></i> <i></i> </label> </p> </div> </li> </ul> <div class="table-H"> <span>全部评价</span> </div> <ul class="pjBox"> <div class="no-content">暂无评价信息</div> </ul> <div id="page" class="page_div"></div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(function () { var cur = "default"; if (cur == 'evaluate') { $('#evaluate').addClass('cur').siblings('a').removeClass('cur'); $('.tab-main').hide().eq($('#evaluate').index()).show(); } else if (cur == 'default') { $('#default').addClass('cur').siblings('a').removeClass('cur'); $('.tab-main').hide().eq($('#default').index()).show(); } if ($('.tpml').height() > 250) { $('.tpml-all').html('展开更多') $('.tpml').css('height', '250px') } if ($('.content-caixuan').height() > 85) { $('.content-caixuan-all').html('查看全部') $('.content-caixuan').css('height', '85px') } if ($('.author').height() > 50) { $('.author-all').html('查看全部') $('.author').css('height', '50px') } }); Look = {}; Look.tanBox = function (box_id) { tanBox(box_id); }; $("#page").paging({ pageNo: $("#search_form_page").val(), totalPage: 0, totalSize: 0, callback: function (num) { jumpto(num) } }); $('.author-all').click(function () { if ($(this).html() === '查看全部') { var $con = $(this).html('收起').prev('div'); $con.css('height', '100%'); } else { var $con = $(this).html('查看全部').prev('div'); $con.css('height', '50px'); $con.css('overflow', 'hidden'); } }); $('.content-caixuan-all').click(function () { if ($(this).html() === '查看全部') { var $con = $(this).html('收起').prev('div'); $con.css('height', '100%'); } else { var $con = $(this).html('查看全部').prev('div'); $con.css('height', '85px'); $con.css('overflow', 'hidden'); } }); $('.tpml-all').click(function () { if ($(this).html() === '展开更多') { var $con = $(this).html('收起').prev('div'); $con.css('height', '100%'); } else { var $con = $(this).html('展开更多').prev('div'); $con.css('height', '250px'); $con.css('overflow', 'hidden'); } }); $(".table-tab a").click(function () { $(this).addClass('cur').siblings('a').removeClass('cur'); $('.tab-main').hide().eq($(this).index()).show(); $(".table-radio label:visible").attr("style", "border:0"); if ($(".table-radio label:visible").length == 1) { $(".table-radio").hide(); } }) </script> <div class="fri-link foot-link"> <span class="fri-link-dt">友情链接</span> <a class="fri-link-item fri-link-item1" href="http://cn.cnpubg.com/" target="_blank">中国出版集团公司</a> <a class="fri-link-item" target="_blank" href="http://www.xhsdzd.com/">新华书店总店</a> <a class="fri-link-item" target="_blank" href="http://www.pac.org.cn/">中国出版协会</a> <a class="fri-link-item" target="_blank" href="http://www.crs1992.com/">中国编辑学会</a> <a class="fri-link-item" target="_blank" href="http://www.hep.com.cn/">高等教育出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cmpedu.com/">机械工业出版社</a> <a class="fri-link-item" target="_blank" href="http://www.sciencep.com/">科学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cip.com.cn/">化学工业出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cepp.sgcc.com.cn/">中国电力出版社</a> <a class="fri-link-item" target="_blank" href="https://www.phei.com.cn/">电子工业出版社</a> <a class="fri-link-item" target="_blank" href="http://www.ccpcl.com.cn/">人民交通出版社</a> <a class="fri-link-item" target="_blank" href="http://www.crup.com.cn/">中国人民大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.pup.cn/">北京大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.tup.tsinghua.edu.cn/index.html">清华大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.ryjiaoyu.com.cn">人民邮电出版社</a> <a class="fri-link-item" target="_blank" href="http://www.ccap.com.cn/">中国农业出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cabp.com.cn/">中国建筑工业出版社</a> <a class="fri-link-item" target="_blank" href="https://www.pmph.com/">人民卫生出版社</a> <a class="fri-link-item" target="_blank" href="http://dutp.dlut.edu.cn">大连理工大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.bitpress.com.cn/">北京理工大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.zzup.cn/">郑州大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.bnump.com/">北京师范大学出版社</a> <a class="fri-link-item" target="_blank" href="https://nkup.nankai.edu.cn/">南开大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.wdp.com.cn/book/bookIndex.action">武汉大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.textbookcenter.cn">北京出版社</a> <a class="fri-link-item" target="_blank" href="http://www.gph.com.cn/">地质出版社</a> <a class="fri-link-item" target="_blank" href="http://www.dufep.cn">东北财经大学出版社有限责任公司</a> <a class="fri-link-item" target="_blank" href="http://www.lawpress.com.cn/">法律出版社有限公司</a> <a class="fri-link-item" target="_blank" href="http://www.castp.cn/">中国农业科学技术出版社</a> <a class="fri-link-item" target="_blank" href="https://press.ustc.edu.cn/">中国科学技术大学出版社</a> <a class="fri-link-item" target="_blank" href="https://www.cqup.com.cn/">重庆大学出版社</a> <a class="fri-link-item" target="_blank" href="http://xdcbs.com/">西南大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.jiaodapress.com.cn/">上海交通大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.waterpub.com.cn/">中国水利水电出版社</a> <a class="fri-link-item" target="_blank" href="http://www.ecnupress.com.cn/">华东师范大学出版社</a> <a class="fri-link-item" target="_blank" href="https://www.fltrp.com/">外语教学与研究出版社</a> <a class="fri-link-item" target="_blank" href="http://www.fudanpress.com/">复旦大学出版社</a> <a class="fri-link-item" target="_blank" href="http://www.cptcm.com/">中国中医药出版社</a> </div> <!--页面底部 start--> <div class="footer"> <div class="footerBox"> <div class="footerTop"> © 2018-2025 新华国采教育网络科技有限责任公司 版权所有 </div> <ul> <li style="width:25%;"> <p>客服热线：010-88362023、010-88361712</p> <p><a target="_blank" href="https://beian.miit.gov.cn/" class="icp_num">京ICP备16053406号</a></p> </li> <li style="width:35%;"> <p>出版物经营许可证：新出发京零字第西160035号</p> <p>京公网安备 11010202007778号<img src="/images/ip.jpg"></p> </li> <li style="width: 40%;"> <p>信息系统安全等级保护（三级）备案证明编号：11010243697-20001</p> <p>增值电信业务经营许可证编号：京B2-20170886</p> </li> </ul> </div> </div> <!--页面底部 end--> </body> </html> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?8c456308ba2e540841c85599c32c7d67"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function () { var script = document.createElement("script"); script.src = "https://log.aijiaocai.cn/static/app/dist/api-v1-fetch.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(script, s); if (script.addEventListener) { script.addEventListener('load', function () { browseLog(); }, false); } else if (script.attachEvent) { script.attachEvent('onreadystatechange', function () { var target = window.event.srcElement; if (target.readyState == 'loaded') { browseLog(); } }); } function browseLog() { var options = {sysCode: 'xhgc.aijiaocai.textbooking.web', sysName: '采选系统PC端', autoBrowse: false}; var info = { operateType: 'browse', userCode: '', realName: '', orgCode: '', content: {login_type: ''} }; var logCenterLogger = new logCenter.Logger(options); logCenterLogger.log(info); } })(); </script>