2007-10-10

如何用JavaScript实现旋转木马

来源: 开发者在线作者: 评论 0 条

Flash动画可以让Web网站看起来很漂亮，但是由于各种原因不是每个人都会在自己的客户端浏览器上安装Flash播放器。假如你或者你的用户不幸安装了64位的Linux发行版，或者你痛恨在自己的Web页面上放动画，那么你就不得不面对没有Flash动画的情况了。

在本文里，我将告诉你如何用JavaScript实现一个可用性更高的旋转木马（carousel）而弃用Flash。

JavaScript——两害相交取其轻

在本文里，我不预备去争论为什么要开发一个旋转木马，而是要接受我们不得不去开发的事实。

那么问题就来了：为什么要使用JavaSript而不是Flash？

它要比Flash的实现更加轻便——通过优化代码，我们只需要几千字节就能够获得一个可以使用的旋转木马，加载图片所需要的时间要比HTML和JavaScript的长。
可维护性是另外一个原因。很多开发人员都知道JavaScript在可维护性上要胜Flash一筹。也许你没有（足够的）设计资源来创建一个功能完整的Flash实现，所以假如将它忽然留给开发人员，这就意味着JavaScript是一个可行的替代方案。
降级。在禁用JavaScript的情况下将有用的内容发送给用户要比在禁用Flash的情况下轻易得多。
可访问性。用屏幕阅读器浏览旋转木马要比浏览Flash对象更轻易。
Google。假如你的内容是在页面中的，Google就能够搜索到它；假如它在Flash中，而且页面中没有隐藏旋转木马的话，那么Googlebot就无法找到链接。

HTML基础

知道了这些原因，就让我们从将要在本文中用到的四个内容开始创建旋转木马吧。

<html>

<body>

<a href="http://www.builderau.com.au/program/iis/soa/Protect_IIS_log_files_by_moving_them_to_a_secure_location/0,339028427,339271617,00.htm" class="ched">Secure IIS</a>

Log files are essential to reconstruct events before an IIS Web server failure. Learn how to protect your log files with this tip.

<span class="fstory"><a href="http://www.cnet.com.au/software/security/0,39029558,40058242,00.htm">Full story</a></span>

</div>

<a href="http://www.builderau.com.au/program/soa/Microformats_and_Mapping/0,339028420,339271486,00.htm" class="ched">User Group Mash</a>

Find an Aussie user group near you with our new Google maps interface.

<span class="fstory"><a href="http://www.builderau.com.au/program/soa/Microformats_and_Mapping/0,339028420,339271486,00.htm">Full story</a></span>

</div>

Learn how the .NET Framework works and the tools you'll need to get up and running in this quick start guide.
共5页: 上一页 1 [2] [3] [4] [5] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐收藏投稿打印返回关闭

上一篇：重构、标准、布局
下一篇：网站标准之Flash页面如何通过校验

热门排行

推荐文章

·10个你必须用到Ajax的地方

相关文章