博客园_古道天堂

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 style="{style}" tabIndex="0" {cellAttr}>' ,
'<div {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

相信大家对<img>这标签一定再熟悉不过了，然而你熟悉的src后边跟的那个文件一定是一个外部文件吧？无论是在html中这样写

<img src="a.gif" alt="test" />还是在css中这样写background:url(a.gif) no-repeat 0 0;无疑都给页面增加了一个请求，因为它们都是把a.gif作为一个外部文件链接的。那么怎么才可以显示图片又不增加请求数呢？或许你想到了用特殊字符（如果不知道请看这里网页美化你还用小图标吗），但是这种方法只能显示特定的图片，还有其他方法？答案是，当然！先看下边的效果图

外部引入效果：

这个图片效果和传统的图片插入方式没什么区别吧！

正式介绍今天的主角data URIs，细心的朋友可能已经查看了页面源代码，是不是发现了不同之处？就是这堆乱码

原理就是将图片转换成了64位的编码，虽然看起来吓人用起来还是蛮快的。

可能有朋友很快就提出疑问：转换成字符串，会不会有长度限制？答案是有，图片最大为32768 Bytes。

问题继续：我怎样去转换我自己的图片呢？

看这里一个在线的转换工具。

问题不断：浏览器兼容怎么样？是不是都兼容？

这个问题好，这个效果在Opera 7.2+, Firefox, Safari, Netscape, Mozilla都支持，但是IE系列里只有IE8支持，不过这里有解决方案。

还有问题：不会每用一个图片都要转换一次吧？修改起来太麻烦了吧？

可以在需要时页面中动态的转换，php中可以像这样

<?php echo base64_encode(file_get_contents("../images/folder16.gif")) ?>

其他语言可能需要自己写喽！

本文链接

html5 真的来了

2010-03-14T06:10:00Z

早就听说过html5，总觉得它离我们还很远，但是当我看到一个用HTML5 video + canvas 制作的家庭影院效果时，我被它震惊了。虽然不能得到所有浏览器的支持，它真的离我们不远了。下面是效果图：

这样的效果在桌面应用中可能不足为奇，但是在web应用中，播放器周围的色彩可以根据播放的内容变化，在我看来已经是不可思议的事情了。如果你还没有感觉请移步James Watson的Dartmoor.

我已经无语了，不知道你呢？为此我做了html5的印象图，不知道我们还能为html5做些什么？

本文链接

datatable 删除行

2010-03-12T10:11:00Z

先列出正确的写法，如果你只想马上改错就先复制吧，

    protected void deleteDataRow(int RowID,DataTable dt)
    {
        for (int i = dt.Rows.Count - 1; i >= 0; i--)
        {
            if (Convert.ToInt32(dt.Rows[i]["RowID"]) == RowID)
                dt.Rows.RemoveAt(i);
        }
    }

如果你有时间想学习一下就继续看下面列出可能出错的可能性吧。

1.如果只是想删除datatable中的一行，可以用DataRow的delete，但是必须要删除后让DataTable知道，所以就要用到.AcceptChanges()方法，原因是这种删除只是标识性删除，就像我们通常在数据库中用到的IsDelete字段。

2.彻底删除就要用到datatable的.Rows.Remove(DataRow dr)方法，同理也只是删除一行可以，如果要循环删除请继续往下看。

3.循环彻底删除就要用.Rows.RemoveAt(int index)方法，所以如果你是foreach的爱好者，在此请你换换口味，还有如果你是for的i++的忠实fans也希望你能换个思维。先看一下上面程序的正向写法（错误的，不可用）

        for (int i = 0, j = dt.Rows.Count; i < j; i++)
        {
            if (Convert.ToInt32(dt.Rows[i]["RowID"]) == RowID)
                dt.Rows.RemoveAt(i);
        }

这个的错误在于datatable的RemoveAt()会在删除后更新dataTable的index，所以你要删除的index可能已经不是你的符合Convert.ToInt32(dt.Rows[i]["RowID"]) == RowID的index了，甚者还会抛出异常，说你访问的index不存在。

所以要从DataTable的下面网上查找删除，这样即使这行符合条件被删除了，上面的行依旧不受影响。

说了这么多，不知道你明白了吗？其实现在写这种文章显得有点“弱智”，技术学多了，越来越觉得自己的基础不够扎实，希望通过在此记录一下可以督促一下自己，也希望能给初学者带去丝丝帮助。

本文链接

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

2010-02-26T01:35:00Z

还是先看效果来吸引一下大家(点击播放)

怎么样，还行吧？放在博客里搞首音乐听听是不是还可以？如果你是播客高手，这个播放器一定会给你的播客增色不少！

它还有几种样式供你选择

蠢蠢欲动了吧，赶快来看看怎么制作自己的音乐吧！

步骤：

1.进入http://www.blogcastone.net/

2.输入自己的音乐地址，如http://www.cdltgx.com/...朝-梦回唐朝.mp3（你可以先把音乐上传到自己的空间）

3.在Theme处选择播放器样式

4.生成代码

5.复制代码，添加至博客。大功告成！

so easy,but not simple!

本文链接