xxcxxc - 博客园

2018年11月27日

摘要：数据：效果：源码：阅读全文

posted @ 2018-11-27 13:34 xxcxxc 阅读(3505) 评论(0) 推荐(0) 编辑

摘要： IE6双倍margin bug 当出现连续浮动的元素，携带和浮动方向相同的margin时，队首的元素，会双倍marign。解决方案： 1）使浮动的方向和margin的方向，相反。所以，你就会发现，我们特别喜欢，浮动的方向和margin的方向相反。并且，前端开发工程师，把这个当做习惯了。 2）使用阅读全文

posted @ 2018-11-27 11:15 xxcxxc 阅读(135) 评论(0) 推荐(0) 编辑

css margin塌陷问题

摘要：我们先看个例子：效果：我们从代码中可以看到，上面的盒子给了一个margin-bottom:20px;下面的盒子给力一个margin-top：30px;理论上来说，这两个盒子应该有50px的间距，这是为什么呢？原因：这是因为在标准流中，margin在垂直方向出现了塌陷现象，以最大的为准，所以两个阅读全文

posted @ 2018-11-27 11:10 xxcxxc 阅读(173) 评论(0) 推荐(0) 编辑

css ie浏览器兼容问题

摘要：第一，IE6，不支持小于12px的盒子，任何小于12px的盒子，在IE6中看都大解决办法很简单，就是将盒子的字号，设置小（小于盒子的高），比如0px。我们现在介绍一下浏览器hack。hack就是“黑客”，就是使用浏览器提供的后门，针对某一种浏览器做兼容。 IE6留了一个后门，就是只要给css属性阅读全文

posted @ 2018-11-27 10:55 xxcxxc 阅读(252) 评论(0) 推荐(0) 编辑

2018年11月26日

css 实现文字图片垂直对齐

摘要：给图片使用vertical-align:middle;就可以实现效果：阅读全文

posted @ 2018-11-26 14:25 xxcxxc 阅读(574) 评论(0) 推荐(0) 编辑

css 清除浮动三种方法

摘要：我们可以看到这样一个布局： <style> .left{ width: 200px; height: 200px; background-color: #00ee00; float: left; } .right{ width: 100px; height: 200px; background-co 阅读全文

posted @ 2018-11-26 11:37 xxcxxc 阅读(270) 评论(0) 推荐(0) 编辑

2018年11月25日

jquery 实现动画效果（各种方法）

摘要： 1.show()和hide()和toggle()(这是show和hide的一个综合，一个按钮就实现显示和隐藏) 效果：代码：实现列队动画：效果：代码： 2.滑动效果：包括slideUp()和slide()down和slideToggle()和上面实现方式一样的，效果呈现滑动效果 3.淡入淡出阅读全文

posted @ 2018-11-25 13:37 xxcxxc 阅读(4673) 评论(0) 推荐(0) 编辑

jquery事件绑定

摘要：老版本用bind,新版本用on,off, 1.绑定一个事件： $("div").bind("click",function(){}); 2.绑定多个事件： $("div").bind("click mouseover",function(){}) 或者： $("div").bind({ 'click 阅读全文

posted @ 2018-11-25 10:49 xxcxxc 阅读(155) 评论(0) 推荐(0) 编辑

jquery offset()和position()的区别

摘要：结果：可以看出offset()是相对于body来说的，而position是相对于父元素来说的阅读全文

posted @ 2018-11-25 10:18 xxcxxc 阅读(187) 评论(0) 推荐(0) 编辑

2018年11月24日

jquer 使用原生DOM对象

摘要： js中使document.getElementById("ID"); Jquery中可以使用$("#id") 或者$("#id").get(0)(原生dom对象) 阅读全文

posted @ 2018-11-24 23:15 xxcxxc 阅读(180) 评论(0) 推荐(0) 编辑