div+css+jquery左右分栏可收缩仿框架 一个页面搞定。无需嵌套。不兼容IE6！

jquery.lightbox-0.5 点击小图放大效果； 修正了点击图片出现虚线框的问题； 修正了图像宽度比浏览器窗口大时，出现滚动条的问题，显示的大图片自动适应浏览器页面大小，不出现滚动条。 原效果地址 http://leandrovieira.com/projects/jquery/lightbox/

jquery实现点击指定div外区域隐藏该div

点击按钮复制div文本到剪切板，方便好用插件，兼容性好

第1部分　CSS基础知识篇 　第1章　CSS的初步体验　 　　1.1　CSS的概念　 　　1.2　使用CSS控制页面　 　　1.3　体验CSS　 　第2章　CSS的基本语法　 　　2.1　CSS选择器　 　　2.2　选择器声明 　　2.3　CSS的继承 　第3章　用CSS设置丰富的文字效果　 　　3.1　CSS文字样式 　　3.2　文字实例一：模拟Google公司Logo　 　　3.3　文字实例二：制作页面的五彩标题　 　　3.4　CSS段落文字 　　3.5　段落实例：百度搜索　 　第4章　用CSS设置图片效果　 　　4.1　图片样式　 　　4.2　图片的对齐 　　4.3　图文混排　 　　4.4　图文实例：八仙过海　 .　第5章　用CSS设置网页中的背景　 　　5.1　背景颜色　 　　5.2　背景图片　 　　5.3　背景综合一：我的个人主页　 　　5.4　背景综合二：古词《念奴娇·赤壁怀古》　 　第6章　用CSS设置表格与表单的样式　 　　6.1　控制表格　 　　6.2　表格实例一：隔行变色　 　　6.3　表格实例二：鼠标经过时变色的表格　 　　6.4　表格实例三：日历　 　　6.5　CSS与表单　 　　6.6　综合实例一：直接输入的Excel表格　 　　6.7　综合实例二：模仿新浪网民调查问卷　 　第7章　用CSS设置页面和浏览器的元素　 　　7.1　丰富的超链接特效 　　7.2　鼠标特效 　　7.3　页面滚动条　 　第8章　用CSS制作实用的菜单　 　　8.1　项目列表　 　　8.2　无需表格的菜单　 　　8.3　菜单的横竖转换　 　　8.4　菜单实例一：百度导航条　 　　8.5　菜单实例二：流行的Tab菜单　 　第9章　CSS滤镜的应用　 　　9.1　滤镜概述　 　　9.2　通道（Alpha）　 　　9.3　模糊（Blur）　 　　9.4　运动模糊（Motion Blur）　 　　9.5　透明色（Chroma）　 　　9.6　下落的阴影（Dropshadow）　 　　9.7　翻转变换（Flip）　 　　9.8　光晕（Glow）　 　　9.9　灰度（Gray）　 　　9.10　反色（Invert）　 　　9.11　遮罩（Mask）　 　　9.12　阴影（Shadow）　 　　9.13　X射线（X-ray）　 　　9.14　浮雕纹理（Emboss和Engrave）　 　　9.15　波浪（Wave）　 第2部分　CSS+DIV美化和布局篇 　第10章　理解CSS定位与div布局　 　　10.1　 div 标记与 span 标记 　　10.2　盒子模型 　　10.3　元素的定位　 　　10.4　定位实例一：轻轻松松给图片签名　 　　10.5　定位实例二：文字阴影效果　 　第11章　CSS+div布局方法剖析　 　　11.1　CSS排版观念　 　　11.2　固定宽度且居中的版式 　　11.3　左中右版式　 　　11.4　块的背景色问题 　　11.5　排版实例：电子相册　 　　11.6　div排版与传统的表格方式排版的分析　 　第12章　CSS+div美化与布局实战　 　　12.1　框架搭建　 　　12.2　实例一：蓝色经典　 　　12.3　实例二：清明上河图　 　　12.4　实例三：交河故城　 　　12.5　自动选择CSS样式　 第3部分　CSS混合应用技术篇 　第13章　CSS与JavaScript的综合应用　 　　13.1　JavaScript概述 　　13.2　JavaScript语法基础 　　13.3　实例一：输入时高亮显示的Excel表格　 　　13.4　实例二：由远到近的文字　 　　13.5　实例三：跑马灯特效　 　　13.6　实例四：图片淡入淡出　 　　13.7　实例五：CSS实现PPT幻灯片　 　　13.8　实例六：灯光效果　 　　13.9　实例七：舞台灯光　 　　13.10　实例八：探照灯　 　　13.11　实例九：鼠标文字跟随　 　第14章　CSS与XML的综合运用　 　　14.1　XML基础　 　　14.2　XML链接CSS文件　 　　14.3　XML文字阴影效果　 　　14.4　XML古诗字画　 　　14.5　XML实现隔行变色的表格　 　第15章　CSS与Ajax的综合应用　 　　15.1　Ajax概述　 　　15.2　Ajax入门 　　15.3　Ajax实例：能够自由拖动布局区域的网页　 第4部分　综合案例篇 　第16章　我的博客　 　　16.1　分析构架　 　　16.2　模块拆分　 　　16.3　整体调整　 　第17章　小型工作室网站　 　　17.1　分析构架　 　　17.2　模块拆分 　　17.3　整体调整　 　第18章　企业网站　 　　18.1　分析构架 　　18.2　模块拆分 　　18.3　整体

本教程介绍了商业类型的网页设计，以及目前流行的DIV+CSS标准布局方法和实战技法。通过对十个经典案例进行分析，分别从不同类型网站的布局风格以及实现方法来讲解DIV+CSS网页布局和制作方法。本教程系统地讲解了CSS样式的基础理论和实际运用技术，并结合实例来讲解层叠样式表与层布局相结合制作网页的方法。在实例制作过程中除了介绍CSS样式设计各方面的知识外，还结合实际网页制作中可能遇到的问题提供解决问题的思路、方法和技巧，使初学者也可以轻松掌握DIV+CSS的布局方式，以制作出精美的网页并搭建出功能强大的网站。 本教程力求模拟真实开发场景，用简单的方法帮助读者掌握使用Web标准进行网页设计的方方面面，以及CSS布局中表现与内容分离的相关知识。通过对本教程的学习，希望读者能够以符合标准的设计思维，采用实战操作步骤完成网页设计，进而融入到Web标准设计领域。 本教程光盘中收录了配套手册中的全部视频教学演示，以便更直观地辅助读者学习，达到事半功倍的效果。另外，光盘中还赠送了2套Dreamweav。和jQuery的PDF电子教程和7套实用技术参考手册，以及作者多年积累和收集的各类网页设计素材和辅助工具，以确保读者能够快速精通CSS的布局之道。 本教程结构清晰，讲解到位，内容实用，知识点覆盖面广，适合初、中级网页设计爱好者以及希望学习Web标准对原有网站进行重构的网页设计者。

包含Web前端开发技术的文档和开发网站的完整代码，开发出旅游网站

注意是光盘，是《DIV+CSS 3.0网页布局实战从入门到精通（全彩超值版）-人民邮电出版社-新视角文化行》配套光盘，不是PDF书

在Vue做项目时,做了一个div[contenteditable=true]的组件作为文本输入框 在非手动输入值后,光标会丢失,经测试以下这段代码可用,直接将光标定位到最后 function keepLastIndex(obj) { console.log(obj) console.log(window.getSelection) console.log(document.selection) if (window.getSelection) { //ie11 10 9 ff safari obj.focus(); //解决ff不获取焦点无法定位问题 var ra

JS 可编辑div 根据光标位置插入内容（文本/标签）