摘要：
1、此博文图片样式引用腾讯网站，效果如下： 2、样式设置： 3、JS代码： 阅读全文
摘要：
获取离滚动页面的顶部距离有两种方法一是DOM；而是jquery，具体的实现如下，感兴趣的朋友可以尝试操作下 获取离滚动页面的顶部距离有两种方法一是DOM；而是jquery，具体的实现如下，感兴趣的朋友可以尝试操作下 方法一：DOM 复制代码 代码如下: <script> window.onscrol 阅读全文
摘要：
CSS代码： .box { /* 可见视觉区域 */ width: 480px; height: 250px; position: relative; overflow: hidden; cursor: pointer; } .size { /* 广阔的海洋 */ width: 1000px; he 阅读全文
摘要：
牛逼的 will-change属性 will-change属性可以提前通知浏览器我们要对元素做什么动画，这样浏览器可以提前准备合适的优化设置。这样可以避免对页面响应速度有重要影响的昂贵成本。元素可以更快的被改变，渲染的也更快，这样页面可以快速更新，表现的更加流畅。 举个例子，当对于素使用 CSS 3 阅读全文
摘要：
CSS3 -webkit-scrollbar滚动条皮肤美化实现，利用-webkit-scrollbar，-webkit-scrollbar-track，-webkit-scrollbar-thumb这2个属性设置不同样式的滚动条。 下面是5个滚动条样式。 css代码 阅读全文
摘要：
mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。 mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有 阅读全文
摘要：
setTimeout setTimeout() //- 在指定时间后执行代码clearTimeout() //- 取消 setTimeout(),clearTimeout()方法的参数必须是由setTimeout()返回的ID值。 注意: setTimeout() 和 clearTimeout() 阅读全文
摘要：
一、前言兼目录索引 《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折 阅读全文
摘要：
一、一笔带过的前言 CSS中凡是牵扯到数值的基本上都与单位相关联，例如： .test{width:180px;} 平时我们再制作页面的时候用到的单位也就那么几个，而实际上CSS中的可用单位的数量多得惊人，尤其CSS3的出现更壮大了CSS单位家族。而本文就是简单展示下这些值这些单位。 二、CSS长度值 阅读全文
摘要：
一、N多的唠哩唠叨 CSS3中一些新的单位早在去年春暖花开的时候就介绍了，参见：CSS长度值及时间、频率、角度单位。显然，其中就提到了本文要感叹的单位vw, vh，见下图： 不过“我看见你”和“我触碰你”是不一样的。正好，机缘巧合，最近又与这两个单位想见。大致琢磨了下，貌似vh这个单位可以实现我以前 阅读全文