Loading...

一个简单的画面切换例子

2008-07-06 18:06:31 发表于HTML客户端, 网站技术 本文链接: 一个简单的画面切换例子

有了jQuery,一切都变得那么简单;

web编程难煞人,一只红杏出墙来;

切换不用flash,一只红杏出墙来;

上面的文不对题,不合逻辑,不过,不合逻辑是当今的主旋律,所以在写这个日志之前,我吟诗几首,做了几个俯卧撑,这才正二八经的开始。

下面这个效果大家都见过吧,比如迅雷的影片介绍,但是有很多是用flash来完成的,当然,也可以用html+css来完成
,下面是代码,具体的解释请看代码中的注释:



当然,整个切换过程比较生硬,不过利用jQuery的fade in fade out效果就可以轻松的实现柔和切换

thanks to pantao.name 发现了一个bug,已经修正,见注释部分。

标签:
发表于 2008-07-06 18:06:31 目录:HTML客户端, 网站技术 [RSS 2.0] 你可以发表评论, 或者从您的网站 trackback
  • 相关阅读
  • homezz 美国专业主机商
    feed url
    上一篇: « 向火星文致敬
    下一篇: 集体碰壁 »
    已经有6位大师动手指导 拒绝低俗
    • 1楼 Rafael 在2008.07.06 20:08发表评论如下: 回复

      坐沙发哈~~然后俯卧撑

      • 2楼 北极冰仔 在2008.07.07 08:34发表评论如下: 回复

        看到最近流行的三个字,把我想说的话一下子顶回去了。

        • 3楼 太阳博客 在2008.07.08 14:12发表评论如下: 回复

          好像很麻烦似的!路过,沙发““““`

          • 4楼 阿凡提贸易网 在2008.07.09 16:08发表评论如下: 回复

            做俯卧撑

            • 5楼 太阳博客 在2008.07.12 15:59发表评论如下: 回复

              做俯卧撑,有害!

              • 6楼 Dreamweaver CS4 新功能解析(一) 在2009.07.08 10:53发表评论如下: 回复

                […] Dreamweaver CS4新增的实时视图功能可以直接在软件中模拟浏览器预览的效果,支持CSS、Javascript等。Epile试验了几个网页,实时视图浏览效果最接近于Chrome,与Firefox有细微差异,与IE差异较大。有网友反映对有些Javascript的支持不是很好,不过Epile试验了一下自己用JQuery写的Tab和Cosbeta的Slideshow,均能正常解析。实时视图这个效果虽然看起来挺创新的,不过不是很方便,毕竟实时视图显示范围与代码窗口一样,太小了,还不如用Alt Tab切换到浏览器去测试。 […]

                评论分页: 1
                (Required)
                (Required, not published)
                如果留言未显示无需重复留言,我将为你恢复!