02
使用object在web中嵌入视频文件

如何在web中嵌入视频文件,用什么方式嵌入既符合标准又能兼容主流浏览器?

在web中嵌入视频的方式有两种,使用古老的embed标签或者object标签,古老的embed标签是由传说中Netscape所创建,它虽然广泛存在,但依然没有被W3c收录,是不被W3c推荐的,取而代之的是object标签,object标签在未来的web应用中不仅用于视频媒体的嵌入,还包括images,text,audio,applets,Flash animations等等各式各样格式的文件,现在大多数主流浏览器也都支持object标签的很多类型调用,要测试你的浏览器支持那些object类型,可以查看 OBJECT test suite

那如何嵌入一段视频到web中(以wmv为例),代码如下:

Read more »

Tagged with:
十二 03

javascript的分号代表语句的结束符,但由于javascript具有分号自动插入规则,所以它是一个十分容易让人模糊的东西,在一般情况下,一个换行就会产生一个分号,但实际情况却不然,也就是说在javascript中换行可能产生分号,也可能不产生,是否自动插入分号,主要看上下行。所以即使是经验丰富的程序员,有时候也会头大。

ECMAScript中对分号自动插入规则也有相应的解释:空语句,变量语句,表达式语句,do-while 语句,continue 语句,break 语句,return 语句,以及 throw 语句,这些确定的ECMAScript语句必须以分号结束。这些分号可以总是明确地出现在源代码文本中。为方便起见,在特定的情况下,源代码文本中的这些分号可以被省略。也就是说这些语句的结尾是不需要硬性的输入分号结尾,javascript会自动插入语句结束处。

Read more »

Tagged with:
十一 24

查看Demo

查看Demo: Demo-1  Demo-2  下载源文件

amazing ImageSwitch是一个图片切换脚本,形式上类似于大多数图片切换,只是在切换效果上加了些创新。这个脚本是四个月前写的,期间也有不断地修改和完善。也不知道取个什么名字好,就暂叫amazing ImageSwitch吧 。

Read more »

Tagged with:
十一 17

一个简单的ToolTip,用于替换浏览器默认的提示框,适用于任何HTML元素,想要显示ToolTip,只需要在相应的html元素上添加title,或者在图片上添加alt标签。

详细查看 Demo 及其源代码

Tagged with:
13

发布一个自家用的’popUp’,详细查看 Demo

自家用的'popUp'

工作这几年,如果要说什么javasrcipt交互效果做的最多,弹出框口算一个了。

现在流行的’popUp’也是非常多。有好有烂,优秀的比如: LightboxThickBoxFaceboxmultibox…. 以前一直是用ThickBox,至于为什么要自己写一个‘popUp’主要也是考虑到自己工作的需求和利于扩展,我也不喜欢仅仅为了一个popUp效果就调用一个库,这样对于K数要求严格的网站,无疑是个比较大的负担。于是就自己琢磨了一个 :)

有用得到的同学可以在Demo页面下载,如果有发现BUG,请留言给我,谢谢!

Tagged with:
18

单纯从检测浏览器的版本来说, userAgent对IE8已经不再可靠,原因是IE8加入了兼容性视图功能,导致IE8出现多个userAgent。
详细查看gracecode的《由IE8 User-Agent 更新想到的》一文

在ie8下分别用三种”浏览器模式”运行以下代码

    alert(navigator.appVersion)

我在Vista下运行以上代码的结果如下:

可以看出除了IE版本号不一样以外,Trident标识也有区别

那么如何判断IE8,办法还是有的……

Read more »

Tagged with:
15

当我们在浏览一个网站的时候,由于受到网速(或者带宽)的影响,大幅的或高质量图片的载入速度将显得非常慢。虽然你可以通过压缩图片的尺寸,或者通过服务器端的技术来优化,但也无法从根本上解决问题,给用户好的浏览体验。

“images loading”是个不错的增强用户体验的方法。要判断图片是否载入成功,常用的方法是image的onload方法,或者通过image的complete属性来判断图片的当前载入状态,

下面就以上两种方法分别给出解决方案

Read more »

Tagged with:
preload preload preload