博客园_古道天堂

Google的Logo设计师全是疯子---记现代舞先驱玛莎·葛兰姆117周年诞辰

2011-05-11T09:29:00Z

今天google的logo继吃豆游戏之后又一次令我大吃一惊---那帮疯子（Logo设计师们）又用JS+png做出了一段华丽的动画！先来看一下效果（可能您看google主页的时候已经它已经换掉了所以我拷下来一份）！

不知道您是否和我一样感觉google那帮设计师确实是疯子！牢骚至于还是简单说下原理吧，以免哪天您也有点“发疯”的意向也好能用得上。下面贴上主要代码：

1 function () {
2 var a = d[f],
3 c = document.getElementById("hplogo");
4 if (c && a[0]) {
5 var b = document.createElement("div");
6 b.id = "hplogo" + f;
7 b.style.left = a[0] + "px";
8 b.style.top = a[1] + "px";
9 b.style.width = a[2] + "px";
10 b.style.height = a[3] + "px";
11 b.style.background = "url(http://www.front2end.cn/wp-content/uploads/graham11-hp-sprite.png) no-repeat " + -g + "px " + -h + "px";
12 b.onmousedown = k;
13 a[3] > i && (i = a[3]);
14 a[4] ? (g = 0, h += i, i = 0) : g += a[2];
15 c.appendChild(b); ++f;
16 f < e && (j = window.setTimeout(l, 83))
17 }
18 }

原理就是用javascript创建动画的每一帧，用div展示，并加载背景图片，随着每一个Div的创建就会形成一段动画，有点像小时候玩的皮影画（不知道是不是叫这个名字）。 js代码下载：googleDance

本文链接

打着维护用户利益旗号的厮杀

2010-11-03T14:18:00Z

笑死我了，先是腾讯的《致广大QQ用户的一封信》，再是360的《腾讯要挟用户卸载360 360将保证和QQ同时正常使用》，还有就是朋友告诉我他的QQ空间也因为装了360打不开了（这个不知道是真是假）。

我就是笑这两个大公司都是互联网的大鳄干嘛就这么过不去，最可气的是老打着维护我们利益的旗号说着说那，有本事两个老总光着膀子出来单挑，谁输我们就卸载谁！一天到晚喊这喊那累不累，都快成中国互联网的笑话了（个人喜欢看郭德纲的相声），真不想以后给我小子讲故事时，说到那只“企鹅”还要讲一段它的“风云史”。

如果两家真是都为了我们用户好，那就都哪凉儿快哪歇着去吧！

本文链接

超炫世界杯日历表

2010-07-14T02:30:00Z

世界杯虽然结束了，韵味依然在球迷心里回荡。这里贴出一个超级炫酷的赛程表，再次回味一下吧。

本文链接

页面嵌入Windows Media Player需要注意的

2010-07-09T08:59:00Z

在页面中插入WMP确实是个令人头疼的一件事。

这里是WMP的版本ClassID，从WMP7后ID就成了clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6，之前的6.4为clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95，但是之前的版本还是可以用的，只不过新功能用不了罢了。

下面这个是具体的版本号，你可以对比一下你现在的是什么版本。

版本号              Windows Media Player (WMP) 的版本
----------------------------------------------------------------
5.1.51.421       WMP 5.2 Beta
5.1.52.701       WMP 5.2
6.02.902         WMP 6.0
6.1.5.130        WMP 6.0 Internet Explorer 5 RC0 Beta
6.1.7.217        WMP 6.0
6.2.5.410        WMP 6.2 Beta
6.4.5.809        WMP 6.4
6.4.6.*           WMP 6.4 for Windows 2000 Beta
6.4.7.1028       　 WMP 6.4，具有多位速率 (MBR) 更新，用于Internet Explorer
6.4.7.1112       WMP 6.4，具有 MBR 更新（在 6.4.7.1028 的基础上对错误消息进行了较小更新）
6.4.9.*          WMP 6.4，仅用于 Windows 2000
7.0.0.1954       WMP 7
7.0.0.1958       WMP 7 更新
7.0.0.1956       WMP 7，更新了安装程序
7.0.0.1440       WMP 7，用于 Windows Millennium Edition (Me)
7.01.00.3055      　WMP 7.1
8.00.00.4477     　 WMP for Windows XP
9.00.00.2980     　WMP 9 系列，用于 Windows XP、Windows 98 Second Edition、Windows Me 和 Windows 2000
9.00.00.2991        WMP 9 系列，用于 Windows Server 2003
10.00.00.3646    　WMP 10

---------------------------------------------------------------------------------------------------------------

官方的插入方式真够简单的，我都有点想踹他们两脚，

<OBJECT ID="Player"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="autoStart" value="True">
</OBJECT>
下面是具体参数在不同浏览器的可用性，这个东东真是太有用了，好多参数用了不起作用，我都测试的快疯了，一看这个列表，原来人家压根不支持，晕...

PARAM name	Internet Explorer	Firefox with mime type application/x-ms-wmp	Firefox with any other mime type
autoStart	yes	yes	yes
balance	yes	yes	yes
baseURL	yes	yes	yes
captioningID	yes	yes	yes
currentMarker	yes	yes	yes
currentPosition	yes	yes	yes
defaultFrame	yes	no	no
enableContextMenu	yes	yes	yes
enabled	yes	yes	yes
enableErrorDialogs	yes	yes	no
fileName	no	yes	yes
fullScreen	yes	no	no
invokeURLs	yes	no	no
mute	yes	yes	yes
playCount	yes	yes	no
rate	yes	yes	yes
SAMIFileName	yes	yes	yes
SAMILang	yes	yes	yes
SAMIStyle	yes	yes	yes
SRC	no	yes	yes
stretchToFit	yes	yes	no
URL	yes	yes	yes
volume	yes	yes	yes
windowlessVideo	yes	yes	yes

参数的默认值：

Parameter	Default	Description
AudioStream	true
AutoSize	true
AutoStart	true	Sets if the player should start automatically
AnimationAtStart	true	Sets if an animation should show while the file loads
AllowScan	true
AllowChangeDisplaySize	true
AutoRewind	false
Balance	false
BaseURL
BufferingTime	5
CaptioningID
ClickToPlay	true	Sets if the player should start when the user clicks in the play area
CursorType	false
CurrentPosition	true
CurrentMarker	false
DefaultFrame
DisplayBackColor	false
DisplayForeColor	16777215
DisplayMode	false
DisplaySize	false
Enabled	true
EnableContextMenu	true
EnablePositionControls	true
EnableFullScreenControls	false
EnableTracker	true
Filename	URL	The URL of the file to play
InvokeURLs	true
Language	true
Mute	false
PlayCount	1
PreviewMode	false
Rate	1
SAMILang
SAMIStyle
SAMIFileName
SelectionStart	true
SelectionEnd	true
SendOpenStateChangeEvents	true
SendWarningEvents	true
SendErrorEvents	true
SendKeyboardEvents	false
SendMouseClickEvents	false
SendMouseMoveEvents	false
SendPlayStateChangeEvents	true
ShowCaptioning	false
ShowControls	true	Sets if the player controls should show
ShowAudioControls	true	Sets if the audio controls should show
ShowDisplay	false	Sets if the display should show
ShowGotoBar	false	Sets if the GotoBar should show
ShowPositionControls	true
ShowStatusBar	false
ShowTracker	true
TransparantAtStart	false
VideoBorderWidth	false
VideoBorderColor	false
VideoBorder3D	false
Volume	-200
WindowlessVideo	false

可能你最想知道的是怎么用程序（我偏向用JS）来控制WMP的播放、停止、快进吧，看看这里吧，http://msdn.microsoft.com/en-us/library/dd564034%28VS.85%29.aspx，有详细的说明和例子。（英文的）

本文链接

Ext复制grid里某一列的值

2010-06-18T08:14:00Z

ExtAspNet确实封装Ext封装的不错，但是一些Ext的弊端还是有点影响它的完美！

第一个问题：Grid列的值不能选中，所以也就不能复制，这对于显示内容必然是个弊端。

解决方法：

step1：添加css样式。
CSS代码
<style type= "text/css" >
.x-selectable, .x-selectable * {
-moz-user-select: text! important ;
-khtml-user-select: text! important ;
}
</style>
step2：修改Ext.grid.GridPanel 的protoType，我是自己写了一个新的js文件，记得要在ext-all.js后面引入。
JavaScript代码
if (!Ext.grid.GridView.prototype.templates) {
Ext.grid.GridView.prototype.templates = {};
}
Ext.grid.GridView.prototype.templates.cell = new Ext.Template(
'<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} x-selectable {css}" style="{style}" tabIndex="0" {cellAttr}>' ,
'<div class="x-grid3-cell-inner x-grid3-col-{id}" {attr}>{value}</div>' ,
'</td>'
);

第二个问题：DatePicker不能选择时分秒，如果你说可以是不是用到了DateFormatString，这个东东太忽悠人了。表面上是可以选择了，但是在通过后台数据设置它的值是怎么都显示不了值。

解决方案：不用datePicker获取时分秒，自己另外写个textbox加个正则获取设置吧。

本文链接

CSS技巧，网站灰色素装

2010-04-21T01:00:00Z

全国哀悼日，让你的个人网站也灰色素装吧！在总的CSS的头部加上一句html { filter:progid:dximagetransform.microsoft.basicimage(grayscale=1); }演示代码如下：【注：只适用于IE!】

不引入外部文件也可以显示图片

2010-04-07T02:29:00Z

相信大家对这标签一定再熟悉不过了，然而你熟悉的src后边跟的那个文件一定是一个外部文件吧？无论是在html中这样写还是在css中这样写background:url(a.gif) no-repeat 0 0;无疑都给页面增加了一个请求，因为它们都是把a.gif作为一个外部文件链接的。那么怎么才可以显示图片又...

html5 真的来了

2010-03-14T06:10:00Z

早就听说过html5，总觉得它离我们还很远，但是当我看到一个用HTML5 video + canvas 制作的家庭影院效果时，我被它震惊了。虽然不能得到所有浏览器的支持，它真的离我们不远了。下面是效果图：这样的效果在桌面应用中可能不足为奇，但是在web应用中，播放器周围的色彩可以根据播放的内容变化，在我看来已经是不可思议的事情了。如果你还没有感觉请移步James Watson的Dartmoor....

datatable 删除行

2010-03-12T10:11:00Z

先列出正确的写法，如果你只想马上改错就先复制吧，[代码]如果你有时间想学习一下就继续看下面列出可能出错的可能性吧。1.如果只是想删除datatable中的一行，可以用DataRow的delete，但是必须要删除后让DataTable知道，所以就要用到.AcceptChanges()方法，原因是这种删除只是标识性删除，就像我们通常在数据库中用到的IsDelete字段。2.彻底删除就要用到da...

超酷音频播放器（For 博客or播客）

2010-02-26T01:35:00Z

还是先看效果来吸引一下大家(点击播放)怎么样，还行吧？放在博客里搞首音乐听听是不是还可以？如果你是播客高手，这个播放器一定会给你的播客增色不少！它还有几种样式供你选择蠢蠢欲动了吧，赶快来看看怎么制作自己的音乐吧！步骤：1.进入http://www.blogcastone.net/2.输入自己的音乐地址，如http://www.cdltgx.com/...朝-梦回唐朝.mp3（你可以先把音乐上传到自...