03 2016 档案
摘要：一、应用场景 鼠标hover弹出div，并且鼠标离开后不能马上隐藏，因为这个div上还有功能入口。比如： 鼠标经过好友列表中的好友头像时显示资料卡的效果 hover时显示二维码 二、实现 用如下这样一个简单的效果：鼠标hover到A上显示B来模拟 有2种实现方式，推荐第二种，第一种有弊端下面会说。
阅读全文
摘要：最近做重构，有一个功能是，鼠标点击链接后显示不同样式： 代码如下，样式布局我修改后如下，使用bootstrap框架来做。 现在重点说一下：功能实现。 原来代码是这样实现链接点击样式的，给每个链接不同的class， 然后在page1.html页面定义： 同理在page2.html页面定义： 在page
阅读全文
摘要：有时候我们需要利用js来动态生成页面上style标签中的css代码，方法很直接，就是直接创建一个style元素，然后设置style元素里面的css代码，最后把它插入到head元素中。 但有些兼容性问题我们需要解决。首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到st
阅读全文
摘要：有一个功能需要判断返回顶部按钮是否显示。 JS代码如下： var sTop = document.body.scrollTop; if(sTop>100){ document.getElementById("sm_top").style.display="block"; }else{ documen
阅读全文
摘要：SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 SASS 官网介绍： sass is the most mature（成熟的）,stable（稳定的）,and powerful professional grade CSS exte
阅读全文
摘要：前端自动化流程工具，用来合并文件，压缩等。 Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn Gulp插件网 http:/
阅读全文
摘要：一、bug描述 下图为正常情况，一个网页主体宽度为1280px。 当缩小浏览器宽度，出现滚动条时，效果如下，右侧出现空白，导致内容显示不全。 二、bug重现和解决 1、代码如下 body中有一个灰色背景的div，div中嵌套一个有固定宽度1280px的p标签。 <!DOCTYPE html> <ht
阅读全文
