摘要: 拉勾网首页公司广告位的悬浮划过效果着实很吸引我。如下(不会做动图!--,感兴趣的可以去拉勾看看):此处最吸引我的地方在于将鼠标划过上面一排公司列表时,感觉像是绿色的区块跟着你的鼠标移动一样,颇有动感。闲言少续,下面是代码。css/*此处简单粗暴的使用了*,此处不是重点^-^*/*{padding:0... 阅读全文
posted @ 2015-04-09 15:35 晓晓TZ 阅读(1059) 评论(4) 推荐(2) 编辑
  2015年4月12日
摘要: 使用js制作效果时,我们常常要获取某个元素在页面上的偏移量(例如tip提示框功能)。而获取偏移量可以直接获取相对于document的偏移量,也可以获取相对与视口的偏移量(viewpoint)加上页面滚动量(scroll)获得。 1.获取相对与document的偏移量 通过向上迭代offsetPare 阅读全文
posted @ 2015-04-12 21:08 晓晓TZ 阅读(3078) 评论(0) 推荐(0) 编辑
  2015年3月25日
摘要: 网上有很多关于ie hack的文章,可能由于文章发布后ie的版本还在升级。所以导致有些hack写法已经不适用了。以下是本人整理的ie6-11的一些hack常用写法。(以下默认文档模式为标准模式)1.通过条件判断ie版本来引用不同的css只试用ie浏览器只试用非ie浏览器只试用ie6浏览器只试用大于i... 阅读全文
posted @ 2015-03-25 11:41 晓晓TZ 阅读(631) 评论(0) 推荐(1) 编辑
  2015年3月8日
摘要: 最近工作和看书时遇到了很多js中'this',觉得有必要梳理一下。1.在全局作用域中使用时,this就指向全局对象window。var name='aaa';alert(this.name); //aaaalert(window.name); //aaaalert(this===... 阅读全文
posted @ 2015-03-08 20:14 晓晓TZ 阅读(271) 评论(0) 推荐(0) 编辑
  2015年3月6日
摘要: 最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能,特此分享一下使用心得。 1.安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。 完成nodejs安装之后,需要使用npm安装gul 阅读全文
posted @ 2015-03-06 15:40 晓晓TZ 阅读(7167) 评论(0) 推荐(1) 编辑