摘要: 各大搜索引擎的图片频道的搜索结果页,搜索出来的结果都是较零碎的图片,图片质量、尺寸都是参差不齐的,并限定了每一行的总宽度。这种非等宽的图片列表,在Google+、flickr也都有用到。 最近刚好对360搜索的图片搜索结果页进行了一次重构和改版,对于这种图片布局也花心思研究了一番,接下来说说我的一些 阅读全文
posted @ 2016-08-02 22:13 有你便是晴天 阅读(378) 评论(0) 推荐(0) 编辑
摘要: 这是一个基于jQuery的效果,当鼠标在小图片上悬停时,会弹出一个大图,该大图会跟随鼠标的移动而移动。这个效果最初源于小敏同志的一个想法,刚开始做的时候只能实现弹出的图片是固定的,不能随鼠标移动,最后加以改善,终于实现了比较理想的效果。今天就把制作该效果的经验与大家一同分享。先看看最终效果演示: 查 阅读全文
posted @ 2016-08-02 21:46 有你便是晴天 阅读(2362) 评论(0) 推荐(0) 编辑
摘要: 广告代码分析 很多第三方的广告系统都是使用document.write来加载广告,如下面的一个javascript的广告链接。 1 <script type="text/javascript" src="http://gg.5173.com/adpolestar/5173/ 2 ;ap=2EBE56 阅读全文
posted @ 2016-08-02 21:30 有你便是晴天 阅读(996) 评论(0) 推荐(0) 编辑
摘要: 在 JavaScript 程序的开发中,经常会用到一些频繁触发的 DOM 事件,如 mousemove、resize,还有不是那么常用的鼠标滚轮事件:mousewheel (在 Firefox 中,滚轮事件为 DOMMouseScroll)。 浏览器为了确保这些事件能够及时响应,触发的频率会比较高, 阅读全文
posted @ 2016-08-02 21:05 有你便是晴天 阅读(331) 评论(0) 推荐(0) 编辑
摘要: http://stylechen.com/static-build.html http://stylechen.com/static-publish.html 阅读全文
posted @ 2016-08-02 20:55 有你便是晴天 阅读(423) 评论(0) 推荐(0) 编辑
摘要: var parseQueryString = function (url) { var reg = /([^\?\=\&]+)\=([^\?\=\&]*)/g; var obj = {}; while (reg.exec (url)) { obj[RegExp.$1] = RegExp.$2; } 阅读全文
posted @ 2016-07-23 17:03 有你便是晴天 阅读(1051) 评论(0) 推荐(0) 编辑
摘要: <style> div{background:#CCCCCC;text-align:center;} #first{float:left;width:100px; height:150px; line-height:150px;} #second{clear:left;float:left;marg 阅读全文
posted @ 2016-07-23 16:31 有你便是晴天 阅读(342) 评论(0) 推荐(0) 编辑
摘要: result.push.apply(result, document.getElementsByTagName(tag)); 但是,这里为什么要用apply呢? 因为document.getElementsByTagName() 返回一个伪数组,但是push方法只能接受真数组,在这里调用apply, 阅读全文
posted @ 2016-07-22 08:35 有你便是晴天 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 原文出自:http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html 1.HTML <div id="container" class="container" style="transform: rotateY(-1560de 阅读全文
posted @ 2016-03-07 14:25 有你便是晴天 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 1.水平居中:text-align 与 inline-block 的配合 2.水平居中:通过 margin 实现 3.垂直居中 子元素 div 绝对定位 父元素需要被定位 子元素 top、bottom、left、right 四个位置值均为 0 子元素 margin: auto; 4.垂直居中 .co 阅读全文
posted @ 2016-01-22 11:06 有你便是晴天 阅读(283) 评论(0) 推荐(0) 编辑