| | | |

2017年2月9日

摘要：＃"包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0) 或者<input on 阅读全文

posted @ 2017-02-09 10:48 山涧清泉阅读(154) 评论(0) 推荐(0) 编辑

小技巧处理div内容溢出

摘要：前几天遇到一个问题，代码是这样一个层次： <div class="province"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul></div> 我设置了div的边框，要想ul的内容在边框内，必须设置div高度。但是，ul内的内容是变化的，内容少的时候阅读全文

posted @ 2017-02-09 10:43 山涧清泉阅读(262) 评论(0) 推荐(0) 编辑

2017年2月8日

父div高度不能自适应子div高度的解决方案

摘要： <div id="parent"><div id="content"> </div></div> 当content内容多时，即使parent设置了高度100%或auto，在不同浏览器下还是不能完好的自动伸展。解决方案如下： <div id="parent"> <div id="content"></ 阅读全文

posted @ 2017-02-08 21:11 山涧清泉阅读(250) 评论(0) 推荐(0) 编辑

页面遮罩层，并且阻止页面body滚动。bootstrap模态框原理

摘要：实现思路： 1、需要有一个层将body遮住，放在body上方。 2、修改body的overflow属性值为：hidden 废话不多说了，将关键代码贴出来了，兼容火狐，谷歌，ie 遮罩层的样式代码，红色部分是关键的部分 .cover {position:fixed; top: 0px; right:0 阅读全文

posted @ 2017-02-08 21:10 山涧清泉阅读(190) 评论(0) 推荐(0) 编辑

详细分析css float 属性以及position:absolute 的区别

摘要： 1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。div一个典型的块级元素，会单独占据一行。先看看最基本的块级元素如何排列的。html代码，以下样式都是基于此。 <d 阅读全文

posted @ 2017-02-08 18:44 山涧清泉阅读(254) 评论(0) 推荐(0) 编辑

完美实现浮动元素横排居中显示

摘要：经常会遇到这样的页面布局：在一排显示几个不同的区域内容，但它们相对于页面是居中对齐的。注意这些区域内容不只是文字，也许还有图片或者其它元素混合而成。一般这样的布局我们很容易想到要用浮动float，但是怎么样居中对齐而又兼容低端浏览器哪？请接着往下看。首先看html代码： <div class="w 阅读全文

posted @ 2017-02-08 18:35 山涧清泉阅读(318) 评论(0) 推荐(0) 编辑

讨论CSS中的各类居中方式

摘要：今天主要谈一谈CSS中的各种居中的办法。首先是水平居中，最简单的办法当然就是 margin:0 auto; 也就是将margin-left和margin-right属性设置为auto，从而达到水平居中的效果。那么其他的办法呢？容我一一道来： line-height 首先介绍文字的水平居中方法：阅读全文

posted @ 2017-02-08 18:30 山涧清泉阅读(213) 评论(0) 推荐(0) 编辑

xpath的数据和节点类型以及XPath中节点匹配的基本方法

摘要： XPath数据类型 XPath可分为四种数据类型：节点集(node-set) 节点集是通过路径匹配返回的符合条件的一组节点的集合。其它类型的数据不能转换为节点集。布尔值(boolean) 由函数或布尔表达式返回的条件匹配值，与一般语言中的布尔值相同，有true和 false两个值。布尔值可以和数阅读全文

posted @ 2017-02-08 17:17 山涧清泉阅读(1007) 评论(0) 推荐(0) 编辑

JQuery 选择器 xpath 语法应用

摘要：比如下面html代码 <ul> <li class="aaaa" title="ttt">li-1</li> <li class="bbbb">li-2</li> <li title="fffff">li-2</li> </ul> <div class="aaaa" title="ttt">li-1 阅读全文

posted @ 2017-02-08 17:16 山涧清泉阅读(443) 评论(0) 推荐(0) 编辑

jQuery语法小结(超实用)

摘要： 1。关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义阅读全文

posted @ 2017-02-08 17:13 山涧清泉阅读(237) 评论(0) 推荐(0) 编辑