如何使用 JavaScript 创建可维护的幻灯片效果
@import ‘http://www.planabc.net/demo/slideshow/slideshow.css’;
下面是幻灯片效果的 样例 :
显然,效果很实用。对于这个效果,我们并不解释如何去使用效果库,而是讲解如何创建类似的效果,并保持他的可用性,分离式(unobtrusive),可维护性(让未来的维护者,在不需要修改你的脚本的情况下,修改图片,外观或文本标签)。
无 JavaScript 状态下,用户将看到下面的效果:
添加和移除图片、改变图片的顺序以及添加标题,这些在 HTML 中都很容易做到。并且最后的解决并不意味着维护者需要懂任何 JavaScript 或者在源码中搜索在哪里修改 CSS 的 class, id 或者文本标签。
你有没有准备好花费一些时间去一步一步的尝试创建这个效果?
第一步:分析问题(Analizing the problem)
创建一个好的脚本,第一步应该是去分析哪些是... 13 条评论 »
