二 02
如何在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: embed • object • video • wmv
十二 03
javascript的分号代表语句的结束符,但由于javascript具有分号自动插入规则,所以它是一个十分容易让人模糊的东西,在一般情况下,一个换行就会产生一个分号,但实际情况却不然,也就是说在javascript中换行可能产生分号,也可能不产生,是否自动插入分号,主要看上下行。所以即使是经验丰富的程序员,有时候也会头大。
在ECMAScript中对分号自动插入规则也有相应的解释:空语句,变量语句,表达式语句,do-while 语句,continue 语句,break 语句,return 语句,以及 throw 语句,这些确定的ECMAScript语句必须以分号结束。这些分号可以总是明确地出现在源代码文本中。为方便起见,在特定的情况下,源代码文本中的这些分号可以被省略。也就是说这些语句的结尾是不需要硬性的输入分号结尾,javascript会自动插入语句结束处。
Read more »
Tagged with: Automatic • javascript • Semicolon Insertion
十一 24

查看Demo: Demo-1 Demo-2 下载源文件
amazing ImageSwitch是一个图片切换脚本,形式上类似于大多数图片切换,只是在切换效果上加了些创新。这个脚本是四个月前写的,期间也有不断地修改和完善。也不知道取个什么名字好,就暂叫amazing ImageSwitch吧 。
Read more »
Tagged with: ImageSwitch • javascript
十一 17
一个简单的ToolTip,用于替换浏览器默认的提示框,适用于任何HTML元素,想要显示ToolTip,只需要在相应的html元素上添加title,或者在图片上添加alt标签。
详细查看 Demo 及其源代码
Tagged with: javascript • ToolTip
六 18
单纯从检测浏览器的版本来说, userAgent对IE8已经不再可靠,原因是IE8加入了兼容性视图功能,导致IE8出现多个userAgent。
详细查看gracecode的《由IE8 User-Agent 更新想到的》一文
在ie8下分别用三种”浏览器模式”运行以下代码
alert(navigator.appVersion) |
我在Vista下运行以上代码的结果如下:

可以看出除了IE版本号不一样以外,Trident标识也有区别
那么如何判断IE8,办法还是有的……
Read more »
Tagged with: IE8 • javascript
六 15

当我们在浏览一个网站的时候,由于受到网速(或者带宽)的影响,大幅的或高质量图片的载入速度将显得非常慢。虽然你可以通过压缩图片的尺寸,或者通过服务器端的技术来优化,但也无法从根本上解决问题,给用户好的浏览体验。
“images loading”是个不错的增强用户体验的方法。要判断图片是否载入成功,常用的方法是image的onload方法,或者通过image的complete属性来判断图片的当前载入状态,
下面就以上两种方法分别给出解决方案
Read more »
Tagged with: images loading • javascript / Dom