仙梦之飘 - 博客园

2013年6月25日

摘要：来自：http://sofish.de/1875?akst_action=share-this前几天在Google Reader中看到玉伯博客的分享——空路径对页面性能的影响。确实，在写 CSS的时候，用 background:url(#)还是会对页面进行多一次请求的。不过，因为写多CSS，一般需要用空背景来解决 bug的时候，测试结果用 background:url(about:blank)才是我们想要的：解 bug，不影响性能。那很简单，解决方案不就不出来？等等，让我们来做个测试吧。测试地址：http://sofish.de/file/demo/empty_source.html懒得截图了阅读全文

posted @ 2013-06-25 22:19 仙梦之飘阅读(233) 评论(0) 推荐(0) 编辑

2013年6月22日

ps里面的批处理教程

摘要：先打开窗口-动作 1.新建动作文件打开一张图片，进行图片编辑，编辑完就是把图片保存在一个文件里面。停止动作。再去打开ps文件-自动-批处理只要把包含所有子文件夹（I）勾起来就行了设置就能完成批处理阅读全文

posted @ 2013-06-22 14:56 仙梦之飘阅读(283) 评论(0) 推荐(0) 编辑

2013年6月4日

原生js封装函数

摘要： 1.去除FireFox元素之间的空白、换行、tab都是Text节点函数/* 原理是对元素的所有的子节点做一个遍历。然后做一个判断，如果是子元素节点（nodeType = 1），则遍历该子元素的所有的子节点，用递归检查是否包含空白节点；如果处理的子节点是文本节点（nodeType = 3），则检查是否是纯粹的空白节点，如果是，就将它从xml对象中删除。 */ 1 function removeWhitespace(xml){ 2 var loopIndex; 3 4 5 for (loopIndex = 0; ... 阅读全文

posted @ 2013-06-04 22:19 仙梦之飘阅读(1698) 评论(0) 推荐(0) 编辑

2013年5月19日

jq控制左右箭头滚动图片列表

摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c 阅读全文

posted @ 2013-05-19 22:14 仙梦之飘阅读(2409) 评论(0) 推荐(0) 编辑

回到顶部的js代码

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2013-05-19 16:54 仙梦之飘阅读(287) 评论(0) 推荐(0) 编辑

2013年5月18日

(转载)垂直居中的几种实现方法

摘要：用过 Fireworks / PhotoShop 的人应该都知道，在画布中将一个页面模块居中是多容易的事，可如果是垂直居中，前端就苦逼了。因为 CSS 本身并没有提供相应的 API 支持（确切来说是提供不全）。今天重新整理一下思路，说说前端在实现页面元素垂直居中的几种思路：一、利用 position 和负边距利用绝对定位，让元素的顶部与居中线对齐，再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明：/* 代码实现： * 设定宽度和高度，父节点为 position:relative; CSS是这样写的: */.selector { position:abso... 阅读全文

posted @ 2013-05-18 23:13 仙梦之飘阅读(157) 评论(0) 推荐(0) 编辑

2013年5月12日

jq选项卡鼠标延迟的插件

摘要： 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2 "http://www.w3.org/TR/html4/loose.dtd"> 3 <html> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <script type="text/javascript" src=&quo 阅读全文

posted @ 2013-05-12 22:19 仙梦之飘阅读(212) 评论(0) 推荐(0) 编辑

2013年5月7日

js模拟select

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 5 <meta charset=utf-8 /> 6 <title>js模拟select</title> 7 </head> 8 <style> 9 *{ margin:0; padding:0;} 10 li{ list-style:none;} 阅读全文

posted @ 2013-05-07 22:23 仙梦之飘阅读(233) 评论(0) 推荐(0) 编辑

用jq模拟select

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8 /> 5 <title>jq的select模拟</title> 6 <meta name="viewport" content="width=device-width"> 7 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">&l 阅读全文

posted @ 2013-05-07 22:06 仙梦之飘阅读(618) 评论(0) 推荐(0) 编辑

2013年4月10日

网页的单页面滚动做法

摘要：主要用到锚点知识点<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; cha 阅读全文

posted @ 2013-04-10 20:31 仙梦之飘阅读(332) 评论(0) 推荐(0) 编辑