迷失的世界 » 网站相关

IE6下PNG透明的简便解决办法

Zero — Sat, 07 Jul 2012 04:46:27 +0000

IE6下PNG透明在网页设计里总是个恼人的问题，artery以前讲过个简便的解决IE6下PNG透明的办法，可我老忘，所以在这里记录一下，以便使用时方便随时查阅，也给朋友们提供个参考，

方法如下：

在页面网页文件中的前面加入：

建立一个IE6.CSS文件放到对应的位置，IE6.CSS文件内容为：

img, div, td {behavior: url('/iepngfix.htc')}

修改iepngfix.htc文件中blank.gif（大小为一个像素的透明图片）的URL并上传到对应位置，如果找不到这个blank.gif文件会在PNG图片上面多出一个叉叉

iepngfix.htc文件下载：20090825225943

WordPress 实现图片自动缩放

Zero — Tue, 26 Jun 2012 14:47:15 +0000

偶经常发表日志需要配图，感觉加点图片怎么都看着舒服些，有时候加的图片比较大，
导致图片显示不全，所以需要这个自动缩放效果！
wordpress官方皮肤自带有大图片自动缩放，但是效果不是很好，下面列举3种比较完美的缩放代码供大家参考。

方法一、采用官方默认CSS

使用方法：将以下代码直接加入style.css即可
相关说明：只能控制宽度的缩放，高度无法控制，且不支持IE6

p img {
	padding: 0;
	max-width: 100%;
	}

官方的这个方法，不能控制高度，而且不支持IE6，下面偶寻找了一个比较完美的解决方案，我现在用的就是这种CSS控制方法：

p img {
max-width:600px;
width: expression(this.width > 600 ? “600px” : true);
height:auto;
}

方法二、使用jQuery实现

使用方法：1、加载jQuery库 2、将以下代码加入header.php或单独保存为JS并加载

相关说明：可以对图片进行自动缩放，方法较为完美。

$(document).ready(function(){
    $('div').autoResize({height:750});
});  
jQuery.fn.autoResize = function(options)
{
    var opts = {
        'width' : 700,
        'height': 750
    }
    var opt = $.extend(true, {},opts,options || {});
    width = opt.width;
    height = opt.height;
    $('img',this).each(function(){
        var image = new Image();
        image.src = $(this).attr('src');   if(image.width > 0 && image.height > 0 ){
            var image_rate = 1;
            if( (width / image.width) < (height / image.height)){
                image_rate = width / image.width ;
            }else{
                image_rate = height / image.height ;
            }
            if ( image_rate <= 1){
                $(this).width(image.width * image_rate);
                $(this).height(image.height * image_rate);
            }
        }
    });
}

方法三、CSS控制

使用方法：将以下代码直接加入style.css即可

相关说明：可以缩放高度以及宽度，但是比较死板，支持IE6

p img {
    max-width:100px; /* FF IE7 */
    max-height:80px; /* FF IE7 */
    width:expression(this.width > 100 && this.width > this.height ? 100 : true);
    height:expression(this.height > 80 && this.height > this.width ? 80 : true);
    overflow:hidden;
}

这个可以控制缩放固定大小~~也挺好的！

一款法国人开发的小巧迷你的MP3播放器

Zero — Mon, 25 Jun 2012 18:05:28 +0000

这个播放器支持列表播放，支持XML，很迷你也很简洁，具体详细功能偶就不一一介绍了！~大家可以自己去看。
可以调用代码，也可以下载播放器文件到本地，本人就瞒喜欢这款播放器~~~看右侧那个就知道了
代码的使用其实，很简单！
不过比较郁闷的就是不好找支持外链的MP3播放地址，偶就脑袋疼这个，所以干脆想换成虾米播放器算了！至少不用为MP3的播放地址发愁，也不怕被墙被挂掉！~

请你坐火箭哇哇：http://www.alsacreations.fr/dewplayer.html

演示：

我这个就是用的国外的一个免费空间放的MP3，播放总是延迟！~愁死了！上面我的是多首歌曲的！

详细代码：

使用说明：

/dewplayer-mini.swf是播放器的地址，可以更改成：
Classic (dewplayer.swf)
Mini (dewplayer-mini.swf)
Multi (dewplayer-multi.swf)
Multi rect (dewplayer-rect.swf)
Bubble (dewplayer-bubble.swf)
test.mp3是mp3的地址
(音量) volume=100 默认音量（0 =沉默，100 =最大音量）
(自动播放) autostart=true 自动开始播放
(是否循环) autoreplay=true 自动循环播放
bgcolor，播放器背景颜色，bgcolor=ffffff即白色背景；
该播放器可实现多首歌曲连播，将多个MP3地址用竖线“|”分隔即可。

[WordPress]在文章中插入FLASH和音乐（无需插件）

Zero — Mon, 25 Jun 2012 17:41:04 +0000

在WordPress中，要在文章中插入一段FLASH或者音乐，除了使用相应的FLASH插件和音频插件（比如Audio Player插件）以外，还可以使用html式的代码来实现调用，此举也可避免插件太多影响页面加载速度。

插入FLASH：

添加新文章时用HTML编辑，将上面的代码复制填入，将“FLASH地址”换成你要插入的FLASH地址（一般后缀为swf或flv），完成后即可回到可视化编辑继续写内容（可视化编辑时也可采用伸拉的方式对FLASH的宽度和高度进行调整）。

插入音乐：

填入音乐地址，同理。
注：代码中的引号应为英文引号，如不是请修改。

相关参数使用说明：

src：媒体文件地址。
autostart：是否自动播放，true为自动，false为手动。
loop：是否循环，true为循环，false只播放一次，也可直接设置数字，2表示播放2次，同理。
width：播放界面的宽度，一般在300到500之间最好。
height：播放界面的高度。根据视频、音频来定（音频时此值不必设太大）。
hidden：是否隐藏播放界面，true为不可见，false表示可见。
quality=high表示以高档画质播放。
pluginspage=http://www.macromedia.com/go/getflashplayer表示播放插件调用自该地址，传说可省略。

UBB,html颜色对照表各种颜色应有尽有！

Zero — Wed, 13 Jun 2012 07:58:05 +0000

在网页美工设计工作，我们经常要设计不同行业不同风格的网站，除了规划好网站结构之外，我们还有强调把握色彩的搭配，有时候客户只提供一个抽象名称说网站主颜色是米黄色或是淡绿色，这个时候设计师就有点头痛，名称比较抽象，颜色的深浅也要把握得很正确。要是我们能把这些名称转成我们需要的颜色代码的话，那就可以给我们省了不少事。

暗洋红color=darkmagenta（#8B008B）	暗红色color=darkred（#8B0000）
褐玫瑰红color=rosybrown（#BC8F8F）	印地安红color=indianred（#CD5C5C）
深红色color=crimson（#DC143C）	红色color=red（#FF0000）
艳粉色color=hotpink（#FF69B4）	深粉红color=deeppink（#FF1493）
丁香红color=lilacred（#FF33CC）	橙红色color=orangered（#FF4500）
番茄色color=tomato（#FF6347）	鲜肉色color=salmon（#FA8072）
珊瑚色color=coral（#FF7F50）	浅珊瑚色color=lightcoral（#F08080）
浅肉色color=lightsalmon（#FFA07A）	浅粉色color=lightpink（#FFB6C1）
粉红色color=pink（#FFC0CB）	浅玫瑰色color=mistyrose（#FFE4E1）

重褐色color=saddlebrown（#8B4513）	栗色color=maroon（#800000）
土黄色color=sienna（#A0522D）	赭色color=sienna（#A0522D）
火砖色color=firebrick（#B22222）	褐色color=brown（#A52A2A）
巧克力色color=chocolate（#D2691E）	秘鲁色color=peru（#CD853F）
暗金黄色color=darkgoldenrod（#B8860B）	实木色color=burlywood（#DEB887）
苍麒麟色color=palegoldenrod（#EEE8AA）	茶色color=tan（#D2B48C）
金麒麟色color=goldenrod（#DAA520）	沙褐色color=sandybrown（#F4A460）
暗桔色color=darkorange（#FF8C00）	橙色color=orange（#FFA500）
金黄色color=gold（#FFD700）	黄色color=yellow（#FFFF00）
暗卡其色color=darkkhaki（#BDB76B）	卡其色color=khaki（#F0E68C）
纳瓦白color=navajowhite（#FFDEAD）	桔黄色color=bisque（#FFE4C4）
鹿皮色color=moccasin（#FFE4B5）	桃色color=peachpuff（#FFDAB9）

墨绿色color=darkslategray（#2F4F4F）	暗绿色color=darkgreen（#006400）
暗橄榄绿color=darkolivegreen（#556B2F）	森林绿color=forestgreen（#228B22）
深绿褐色color=olivedrab（#6B8E23）	绿色color=green（#008000）
间海蓝color=mediumseagreen（#3CB371）	海绿色color=seagreen（#2E8B57）
浅海蓝color=lightseagreen（#20B2AA）	水鸭色color=teal（#008080）
间绿色color=mediumaquamarine（#66CDAA）	橄榄色color=olive（#808000）
暗海蓝color=darkseagreen（#8FBC8B）	黄绿色color=yellowgreen（#9ACD32）
橙绿色color=limegreen（#32CD32）	浅绿色color=lightgreen（#90EE90）
酸橙色color=lime（#00FF00）	黄绿色color=greenyellow（#ADFF2F）
黄绿色color=chartreuse（#7FFF00）	草绿色color=lawngreen（#7CFC00）
苍木色color=palegreen（#98FB98）	春绿色color=springgreen（#00FF7F）
间春绿color=mediumspringgreen（#00FA9A）	碧绿色color=aquamarine（#7FFFD4）

藏青色color=navyblue（#4B4B4B）	藏青色color=navy（#000080）
间宝石绿color=mediumturquoise（#48D1CC）	暗青色color=darkcyan（#008B8B）
暗宝石绿color=darkturquoise（#00CED1）	青绿色color=turquoise（#40E0D0）
苍绿色color=paleturquoise（#AFEEEE）	青色color=cyan（#00FFFF）

暗灰蓝color=darkslateblue（#483D8B）	暗蓝色color=darkblue（#00008B）
中灰蓝color=midnightblue（#191970）	靛蓝色color=indigo（#4B0082）
浅蓝灰color=lightslategray（#778899）	钢蓝色color=steelblue（#4682B4）
石蓝色color=slateblue（#6A5ACD）	军蓝色color=cadetblue（#5F9EA0）
间蓝色color=mediumblue（#0000CD）	宝蓝色color=royalblue（#4169E1）
间暗蓝color=mediumslateblue（#7B68EE）	蓝色color=blue（#0000FF）
菊蓝色color=cornflowerblue（#6495ED）	闪蓝色color=dodgerblue（#1E90FF）
深天蓝color=deepskyblue（#00BFFF）	天蓝色color=skyblue（#87CEEB）
浅天蓝color=lightskyblue（#87CEFA）	浅蓝色color=lightblue（#ADD8E6）
浅钢蓝color=lightsteelblue（#B0C4DE）	粉蓝色color=powderblue（#B0E0E6）

间紫罗兰色color=mediumvioletred（#c71585）	紫色color=purple（#800080）
苍紫罗兰色color=palevioletred（#DB7093）	紫罗兰色color=blueviolet（#8A2BE2）
紫丁香色color=violet（#EE82EE）	暗紫色color=darkviolet（#9400D3）
紫红色color=Fuchsia（#FF00FF）	暗紫色color=darkorchid（#9932CC）
淡紫色color=orchid（#DA70D6）	间紫色color=mediumpurple（#9370DB）
杨李色color=plum（#DDA0DD）	间紫色color=mediumorchid（#BA55D3）
蓟色color=thistle（#D8BFD8）	淡紫色color=lavender（#E6E6FA）

黑色color＝black（#000000）	暗灰色color=dimgray（#696969）
灰色color=gray（#808080）	灰石色color=slategray（#708090）
暗灰色color=darkgray（#A9A9A9）	银白色color=silver（#C0C0C0）
浅灰色color=lightgrey（#D3D3D3）	淡灰色color=gainsboro（#DCDCDC）

白杏色color=blanchedalmond（#FFEBCD）	古董白=antiquewhite（#FAEBD7）
苍木色color=papayawhip（#FFEFD5）	亚麻色color=linen（#FAF0E6）
米色color=beige（#F5F5DC）	灰褐色color=beige（#F5F5DC）
老花色color=oldlace（#FDF5E6）	米绸色color=cornsilk（#FFF8DC）
浅金黄color=lightgoldenrodyellow（#FAFAD2）	浅黄色color=lightyellow（#FFFFE0）
柠檬绸色color=lemonchiffon（#FFFACD）	米色color=beige（#F5F5DC）
艾利斯兰color=aliceblue（#F0F8FF）	浅青色color=lightcyan（#E0FFFF）
天蓝色color=azure（#F0FFFF）	淡紫红color=lavenderblush（#FFF0F5）

利用CSS实现wordpress侧边栏分类目录分两列显示

Zero — Tue, 05 Jun 2012 15:52:00 +0000

细心的童鞋或许已经发现了我的博客侧边栏的那个分类目录已经由原来的一栏显示变成分两栏显示了，这个主要是根据你自己博客的需要去修改的，如果你希望实现，可以有很多功能强大的插件去实现分类目录分两栏显示，但是今天偶告诉你的是一个非常简单的实现方法，用CSS实现。利用CSS标签ul和li的宽度去实现，控制ul宽度=li宽度x2。

修改方法

1、CSS部分

.sidebar-categories li{
width:130px;
float:left;
}
.sidebar-categories ul{
width:260px;
display:block;
overflow:auto;
}

注：宽度根据你个人的需要去进行调整。总之控制好ul宽度=li宽度的两倍

2、php 文件修改部分

分类目录

这部分就在你侧边栏需要显示分类的地方贴上，wp_list_categories的属性可以自行调整。IE6下的兼容性也被我解决掉了！

轻轻感叹一下：强大的CSS！

Flv播放器代码 Vcastr 3.0 – flash video(flv播放器) player 下载和详细说明

Zero — Mon, 04 Jun 2012 16:14:07 +0000

之间介绍过一款flv播放器….真的很迷你而且也很实用！~~现在再介绍一款功能强大的flv video那就是：开源的Vcastr程序！支持文本logo图片logo播放列表，各种颜色样式修改等等等等….自己好好看图就OK了

特点：
使用as3.0重新写了播放器
播放器大小缩小,在20+k左右
可以通过xml对播放器设置
可以播放多个影片，并且有影片列表
可以设置循环播放，自动播放，是否直接开始下载，控制栏的颜色和模式
控制栏可以适应超小的尺寸
可以使用插件扩充播放器的功能
可以用插件设置logo及连接
可以用插件来用javascript控制播放器
可以用插件来用设定播放器开始或者结束的图片或者flash(swf) beta

啥也不说了看演示：—这个是xml的演示，按照说明各种修改，好看吧？呵呵^_^！

也可以用这个是html代码的，不需要xml，但是我还是喜欢后者：

借个是xml代码：

如果你需要符合w3c的标准，可以用”{””}”替换xml中的”<””>“,点击查看例子

影片信息

channel.item

影片信息，可以设置多个影片

channel.itme.source

flv影片地址参数，此参数是唯一必须要有的参数，其他参数都可以不要，播放器有默认参数

channel.itme.duration

对应影片的总时间, 单位是秒，由于有些影片在制作过程中时间信息丢失，可以通过这里来设置

channel.itme.tilte

对应影片的标题

channel.itme.link

对应影片点击后的链接

播放器设置

config.bufferTime

在缓存区影片的时间,单位是秒

config.contralPanelAlpha

控制栏的透明度，在 0 — 1 之间

config.controlPanelBgColor

控制栏背景的颜色

config.controlPanelBtnColor

控制按钮的颜色

config.contralPanelBtnGlowColro

控制按钮光晕的颜色

config.defautVolume

默认的声音大小,最大为1,最小为0

config.controlPanelMode

控制栏的显示模式，
“float”: 默认的浮动模式,鼠标移除播放器就会隐藏掉
“normal”: 正常模式，任何时候都在影片的下部浮动显示
“bottom”: 下部模式，不浮动在影片之上，而是显示在影片下方
“none”: 不显示播放器控制栏

config.isAutoPlay

是否影片自动开始播放,默认是true

config.isLoadBegin

是否一开始就读取影片,默认是true

config.isRepeat

是否循环播放影片,默然是false

config.isShowAbout

是否显示关于信息

config.scaleMode

影片放缩模式:
“showAll”: 可以看到全部影片,保持比例,可能上下或者左右
“exactFil”: 放缩影片到播放器的尺寸,可能比例失调
“noScale”: 影片的原始尺寸,无放缩
“noBorder”: 影片充满播放器,保持比例,可能会被裁剪

插件设置

plugIns 中每一个子节点代表一个插件，可以设置多个插件

plugIns.logoPlugIn，显示logo插件的参数设置

plugIns.logoPlugIn.url

插件的地址，可以使用绝对地址，也可以使用相对地址，绝对地址需要http://开始

plugIns.logoPlugIn.logoText

logo文字，注意之可以使用英文和英文标点，不支持中文，如果想放中文，就把中文做成文字png透明图片，用plugIns.logoPlugIn.logoClipUrl参数设置

plugIns.logoPlugIn.logoTextAlpha

文字的透明度

plugIns.logoPlugIn.logoTextLink

文字的连接

plugIns.logoPlugIn.logoTextFontSize

文字字体的大小

plugIns.logoPlugIn.logoTextColor

文字的颜色

plugIns.logoPlugIn.textMargin

文字的位置，用了css的margin概念，四个数值代表上右下左相对于播放器的距离，四个数值用空格分开，不需具体数值用”auto”填写，比如左上对齐并都有10像素的距离可以写 “10 auto auto 10″, 右下角对齐是”auto 10 10 auto”

plugIns.logoPlugIn.logoClipUrl

图片logo的url，可以使用绝对地址，也可以使用相对地址，绝对地址需要http://开始

plugIns.logoPlugIn.logoClipAlpha

图片logo的透明度

plugIns.logoPlugIn.logoClipLink

图片logo的连接

plugIns.logoPlugIn.clipMargin

图片logo的位置，用了css的margin概念，四个数值代表上右下左相对于播放器的距离，四个数值用空格分开，不需具体数值用”auto”填写，比如左上对齐并都有10像素的距离可以写 “10 auto auto 10″, 右下角对齐是”auto 10 10 auto”

plugIns.javaScriptPlugIn，javaScript控制插件的参数设置

plugIns.javaScriptPlugIn.url

插件的地址，可以使用绝对地址，也可以使用相对地址，绝对地址需要http://开始

javaScript插件

使用方法参看实例页面
http://www.msland.cn/example/vcastr_javaScript_example.html

javaScript可以控制播放器播放，暂停，停止，快进，快退，下一个，上一个，音量控制，影片跳转到需要的时间
在javaScript可以获得播放器的事件,有四个参数回来，分别是type:事件种类，state:当前状态, phayHeadTime:当前播放时间，loadPersent:下载百分比
stateChange，播放状态变化，播放或者暂停
complete，播放完毕

init，播放器初始化完毕
ready，影片下载了一部分，已经可以开始播放
playheadUpdate，每一秒即发一次
startBuffering，开始缓冲
stopBuffering，缓冲结束

状态 state
playing，播放中
paused，暂停中

beginEndImagePlugIn 影片开始和结尾需要加载外部资源(可以是图片或者swf)的插件

beginEndImagePlugIn.logoPlugIn.url

插件的地址，可以使用相对或者绝对地址，绝对地址需要http://开始

beginEndImagePlugIn.logoPlugIn.source

开始的图片或者swf的地址

beginEndImagePlugIn.logoPlugIn.type

显示方式，有3种显示方法，begin:在开始的显示，end:结尾部分显示，beginEnd:在开始和结尾部分同时显示

beginEndImagePlugIn.logoPlugIn.scaleType

“showAll”: 可以看到全部影片,保持比例,可能上下或者左右
“exactFil”: 放缩影片到播放器的尺寸,可能比例失调
“noScale”: 影片的原始尺寸,无放缩
“noBorder”: 影片充满播放器,保持比例,可能会被裁剪

其他参数

必须部分，设置的flash的大小，地址，如果需要脚本使用，还可以设置id的名称

是否允许全屏，如果不写这一段，默认是不能全屏的。

设置参数传递给flash，如果是多个参数用&连接，例如key1=value1&key2=value2&key3=value3,在vcastr3中，xml这个参数可以设置成xml文件的地址，或者直接设置xml文本内容。

设置flash的背景色，这个很多人询问，在bcastr4的设置圆角后，十分有用

设置flash右键菜单，去掉一些默认的菜单，只留下了设置和关于flashplayer

设置flash的播放品质可用参数是low autolow autohigh medium hight best, 默认应该是high

设置flash的放缩模式可用参数是 showall(显示全部内容,保持比例，但是上下，或者左右可能有空白), noborder(放缩可以裁减内容，保持比例，但是不留空白), exactfit(放缩按照flash设置的高度和宽度，不保持比例)，noscale(不放缩，原始比例)

设置flash的窗口模式，可用参数Window(默认值，始终位于html的顶层),Opaque(允许flash上层可以有网页的遮挡),Transparent(flash背景透明，有可能降低flash的性能)

设置flash缩放的参考点，可用参数L(左侧)，R(右侧)，T(上侧)，B(下侧)，TL(左上)，TR(右上)，BL(左下)，BR(右下)，如果不设置，默认以中心作为参考点

设置flash相对路径的参考位置

最后是下载啦！~~请各位坐各种火箭

beta 实例

DownLoad

beta 源代码

DownLoad

FLV播放器代码网页FLV在线播放代码分享

Zero — Sat, 02 Jun 2012 11:16:42 +0000

今天在插入暗黑三flv视频的时候，找了个很简单的FLV网页播放器~~呵呵！转过来供参考！
挺不错的，就是不好搞flv的地址，优酷啊土豆啊。。都加密了。。。
比较愁。NND~~
播放器很好很强大~~FLV播放器代码网页FLV在线播放代码分享
演示：

代码：

代码说明：

500 ：播放器的宽度。
400：播放器的高度。
Flvplayer.swf ：播放器文件地址，如果大家没空间放，请直接用http://www.msland.cn/Flvplayer.swf

http://sjzqy.gotoip55.com/demo/js/mp3/*.flv：flv文件地址。

www.msland.cn ：播放器顶部标志，可缺省。
Flvplayer.swf 这是FLV播放器，也就是上面下载的播放文件，很重要，路径一定要对，否则播放错误，可以放其他目录，如果放在 img目录就是：img/Flvplayer.swf ，前面不带“/”。，可直接用本地的FLV播放器http://www.msland.cn/Flvplayer.swf

flash播放器下载：Flvplayer

如果觉着这个功能不够强大，那么点击这里给你一个超级强大的播放器!~~~

世界最独特的6个网站

Zero — Mon, 28 May 2012 16:07:59 +0000

世界之大无奇不有，互联网界也一样，让我们一起看看这些世界上最奇特的网站吧！也许你能从中得到某种启发，也创造一个世界之最的网站哦！

1、最宽网页

你可曾想过，网站就是一道空白的墙壁，然后你可以自由的在墙壁上涂鸦，发挥你的想象力。

号称世界最宽的网站“bluesfear”，是由众多的艺术工作者提供一副又一副的创意作品，拉着滚动条好像在坐火车那般，沿途欣赏风景。

bluesfear目前的宽度还在不断增长中，它还邀请全世界各路设计师，在“墙上”作画，让该网站一直延伸下去，喜欢创作的你也可以设计一张能够跟最后一张连续的图片提交上去。

网址：http://worm.bluesfear.com/index2.html

2、最高网页

有了最宽网页，就来看看最高的网页吧！这个目前高1万8千939公里的网页“worlds-highest-website”，浏览者可以手动滚动网页，或使用电梯。如果你向使用滑鼠滚轮看网页最下面的图片，应该是不可能，除非你非常有耐力。

网址：http://worlds-highest-website.com/

3、最贵网页

英国nottingham大学生亚力，因筹集自己的大学学费而又不想跟银行借贷款，突发奇想的用了10分钟就建立了一个名叫百万首页的网站，然后将这个网站的首页平均分成1万份，每一份只是一个小小的格子。

他宣称每个格子卖100美元，买家可以在自己购买的格子中随意放任何东西，包括商标、名字、或者特意设计的图片链接等等。于是一个几乎是零成本的网页在经过Alex的创意后，总价值就变成了一个高达百万美元的网页。

网址：http://www.milliondollarhomepage.com

4、最小网页

由阿兰。奥登设计的世界最小的网站“guimp”，它的首页的大小只相当于一个图标，此外什么也没有。虽然设计小，但五脏俱全，里面还有游戏、博客、相册等，不过这网站非常考你的视力，也许想看也看不到。

网址：http://www.guimp.com

5、面积最大的网页

据说这个最大的网页包含的像素有：8，100，000，000，000，000，000，000，000，000，000。它的面积大约相当于地球表面面积的170亿倍。

想不想试试用鼠标“滚轮”滚到此网页底部？或者用键盘上的向下翻页键翻到此网页最下面？

那基本上是不可能完成的任务……

网址：http://www.deepskyfrontier.com/#howbig01

6、另外在介绍一个世界上最高的房子

这个来自德国老王，把房子建得还真高，制作也相当精美，可以去申请吉尼斯了。

网址：http://mrwong.de/myhouse/

Let’s kill IE6 ， IE6到底该死不该死。。

Zero — Mon, 28 May 2012 15:22:56 +0000

最近在网上看到很多人的博客都在提示用户升级IE6,声势浩大, 很是拉风.于是今天从Cavano的博客转来了这篇文章!

Internet Explorer 6 是曾经浏览器的霸主, 击垮 Netscape 并最终占据 95% 的浏览器市场. 但如今已经功能性能落后, 还需要特殊照顾, 被称为阻碍网络技术向前发展的障碍.

为了推动 IE6 的灭亡, NeoEase 即日起, 会为 IE6 用户进行更新提示, 提示信息会显示在页面的右下方, 每星期一次. 效果如右图所示.

IE6 为何不死?

IE6 久久不离其位当然是有原因的, 根据网上资料与个人总结, 得出以下几点:

1. 普及时间长, 用户已经形成了使用习惯, 甚至形成以偏概全的认知. XP 的成功和长寿让 IE6 成为大家最熟悉的软件之一, 而且 2001 到现在正是网络发展最快速的几年, 很多用户一直只适用 IE6, 他们找不到 Internet Options 菜单项, 无法理解其他浏览器新奇的标签和工具, 甚至认为 IE6 就是网络.

2. 在 IE6 盛行几年间, 很多公司为了节约成本, 开发的应用系统只支持 IE6. 令人称奇的是现在还有很多企业继续生产这样的产品. 系统都做出来了, 现在去兼容吧, 不好意思, 合同没写, 加钱也未必做得到. 推倒重做吧, 不可能! 行, 那公司的所有电脑都必须使用 IE6.

3. 如果你有留意浏览器的市场占有率, 你会发现 IE 各版本的占有率和 Windows 的占有率成正比, 也就是说, 使用 Windows 系统的用户大部分都没有升级或者更换操作系统默认浏览器. Vista 的失败令 Windows XP 和 IE6 有更多的生存空间.

4. 还有一些顽固分子, 可能看着其他浏览器不顺眼或者觉得用旧东西比较酷 (我的某个朋友就经常吹捧他对 Windows 95 的熟悉).

5. 网页设计师和开发工程师, 他们是最大的受害者, 是最想摆脱 IE6 但又不能甩手放弃的.

IE6 为何该死?

IE6 是网页开发人员的噩梦. 他们必须花很多时间和精力去照顾这个老家伙, 所以这帮人很想整死 IE6. 从开发的角度来看, IE6 很该死的.

1. PNG 是一种支持半透明通道的图片, 可以方便的用于设计网页, 制作叠层和其他复杂的页面效果, 但是 IE6 不支持. 用滤镜强行应付会导致浏览器占用超高资源, 并且得不到预想效果.

2. IE6 有自己一套标准的 CSS 样式, 必须写更多的代码去照顾它. (个人认为 IE7 在这方面比 IE6 更糟糕)

3. JavaScript 与 W3C 出入巨大, 连 DOM (Document Object Model) 都不一致, 调用资源的代码也与 W3C 有很大的出入, 程序员被迫在本来就很松散和复杂的 JS 代码上追加很多判断语句.

4. IE6 对于页面控件的处理与众不同, 令人很头痛. 如: select element 的优先度很高会遮挡页面上 DIV 块, 必须 hack. radio 按钮和 checkbox 按钮的样式也无法定义, 很难统一页面风格.

另外, IE6 的安全性, 性能, 功能明显地已经满足不了现在的网络需求. 过两年, 能不能用来上 “饭否” 都难说. 更换浏览器是大势所趋.

加速 IE6 的灭亡

HTML5 筹备已久, Windows 7 呼之欲出, 这是一个消灭 IE6 的好机会. 很多网站纷纷向用户发送更新提示, 希望用户可以升级或者更换浏览器. 还有些网站已经完全不支持 IE6, 要求其访客更换浏览器.

前几天看到一篇文章, 题目好像是 “前端开发人员能支持 IE6 比较牛, 还是拒绝支持 IE6 的比较牛?” 前者认为用户需要尊重, 后者认为兼容是延缓 IE6 灭亡的主要原因. 不管你如何认为, 哪个更牛并无关要, 重要的是尽己所能把 IE6 推下悬崖.

什么?! 你还用 IE6? 换了吧! 我已经将本站使用的提示框做成了一个 Widget, 你可以简单地在上添加以下代码将它添加到你的网页上.