摘要：
正常情况下，我们知道IE6-IE8都不支持ECMAscript262标准的forEach方法。不过足够可以利用原型来实现这个方法。思路就是让每个元素去去调用传入的函数参数。这时候就用到了call方法。这个方法还是很关键的。if (!Array.prototype.forEach){ Array.prototype.forEach = function(fun /*, thisp*/) { var len = this.length; if (typeof fun != "function") throw new TypeError(); var thisp = ... 阅读全文
随笔分类 - css
经常用的Jquery图片轮转
2011-11-08 10:36 by 前端小鬼, 644 阅读, 收藏,
摘要：
1。HTML结构<div class="main_view"> <div class="window"> <div class="image_reel"> <a href="#"><img src="images/_temp/local/local_js_1.jpg" alt="" width="740" height="350"/></a> <a href= 阅读全文
小谈好的设计
2011-10-26 11:16 by 前端小鬼, 228 阅读, 收藏,
摘要：
这是为公司做的分类菜单组件，自己又是无意识地在模仿苹果的色彩和风格，对于一个电子商务的网站平台来说，我感觉自己在色彩搭配和美观还有差距。看一下etao的这个组件吧。为什么人家的这么好看，体验有好？哎~~。1.色彩差异化，etao的蓝色色调有层次感，最蓝的是分类菜单，这个在页面上最能让用户看到，然后鼠标悬浮上面就会出现下面的淡淡的蓝色。我承认这种淡蓝和线框有了区别，很好。并且里面的文字部分，轻重有度，分类鲜明，再加上菜单项激活时的白色背景及其右边相应的详细分类背景，合成一体，非常直接，好！再有星星点点的红色分类，清晰明白，简简单单。2.定位好，不过，左边哪一个分类，右边都会与上面对齐，使得用的眼 阅读全文
仿苹果的东东，（小而精致的设计开发）
2011-08-27 18:04 by 前端小鬼, 230 阅读, 收藏,
摘要：
采用Jquery几行代码就解决问题：$(document).ready(function(){ //小组件，生活助手 $('.sh').click(function(event) { var shzsBlock = $(this).next().next(); if(shzsBlock.css('display') == 'none'){ shzsBlock.slideDown(); } else { shzsBlock.slideUp(); } }); $('.shzs').mouseleave(function(){ $(th 阅读全文
CSS圆角背景，适用于各主流浏览器的兼容
2011-08-12 18:02 by 前端小鬼, 407 阅读, 收藏,
摘要：
（1）全部的代码<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Con 阅读全文
悬浮Panel效果（主要是Css给力）
2011-08-12 16:58 by 前端小鬼, 1406 阅读, 收藏,
摘要：
（1）HTML 递上：<!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" xml:lang="en" lang="en"> <head> <meta http-equiv=" 阅读全文
border:0 和 border:none的差别
2011-08-03 16:28 by 前端小鬼, 271 阅读, 收藏,
摘要：
性能差异：【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。 兼容性差异：兼容性差异只针对浏览器IE6、IE7与标签button、input而言，在win、win7、vista 的XP主题下均会出现此情况。 【border:none;】当border为“none”时似乎对IE6/7无效边框依然存在【border:0;】当borde 阅读全文
关于Li的水平布局的总结
2011-07-29 10:01 by 前端小鬼, 1490 阅读, 收藏,
摘要：
1,li 即使在css-reset的作用下，如果display:inline的情况下，默认的宽高各浏览器不同： Firefox:7*17 IE8:7*14 IE7:11*14 (很不好看) IE9:auto * auto(这个很奇怪，但是显示和IE8相同)所以鉴于这种情况，我们自定义这个li的宽高吧。但是我们知道，我们display:inline就把它们当做内联元素了，宽高都不起作用。怎么办？方案有二A.（display:inline; line-height:Value+;margin:Value+; padding: Value+）B. （display:inline-block; flo 阅读全文
table td中的文字老是撑大，变形。
2011-07-12 14:12 by 前端小鬼, 3444 阅读, 收藏,
摘要：
.list table {width: 100%;border-left: 1px solid #d0d0d0;border-top: 1px solid #d0d0d0;table-layout:fixed;}.list table tbody tr td {text-align: center;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;padding: 10px 5px;word-break:break-all;word-wrap:break-word;} 阅读全文
png图片在ie6下背景透明的最低效的方法
2011-07-06 10:44 by 前端小鬼, 243 阅读, 收藏,
摘要：
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/vod_sprite.png";background:none; 阅读全文
文字的样式最好这样
2011-07-01 17:03 by 前端小鬼, 196 阅读, 收藏,
摘要：
font: 12px/1.5 Arial, "\5b8b\4f53", sans-serif; 阅读全文
去除链接虚线框的最佳方案（取自Taobao UED）
2011-07-01 16:55 by 前端小鬼, 407 阅读, 收藏,
摘要：
去除链接虚线框的推荐方法是：ie下用hidefocus属性，ff/chorme/opera/safari下用outline:none。即:<a href=”#” hidefocus=”true” >链接</a>a:focus { outline:none;} 阅读全文
浙公网安备 33010602011771号