相册的自动播放效果SlideShow

您现在的位置：圆点视线 >> 教程 >> 网页设计 >> DIV＋CSS专栏 >> 文章正文

[组图]相册的自动播放效果SlideShow

热 ★★★

相册的自动播放效果SlideShow

作者：DoDo 　文章来源：DoDo 　点击数：　更新时间：2007-4-3 10:11:24　

　页面功能：【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

【字体：小大】

　　写了个SlideShow的原型,利用image的complete,判断图片是否调用完全，调用完全以后才显示，否则是LOADING的图片，还考虑的是

　　1.每调用一张图片之前先出现loading的过程,

　　2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按顺序一张一张播放.

　　3.第一次播放的时候，因为调用图片会慢一点，重新播放是调用CACHE里的，速度就快了

<html> <head> <title>SlideShow</title> <script language="JavaScript1.1">  </script> </head> <body bgcolor="#FFFFFF"> <div style="width:700px"> <center> <a href="javascript:autoPlay()">自动播放</a><br><br> <div id="loadingbar" style="display:none;"><img src=/web/UploadFiles/200704/20070403101220277.gif></div> <img id="img" src=/web/UploadFiles/200704/20070403101220421.gif > <center> </div> </body> </html>

——您可以运行代码察看特效，您也可以复制或者另存源代码

　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：apoints 责任编辑：apoints 　【字体：小大】

上一篇文章：避免表格table被撑开变形的CSS

下一篇文章： CSS应用实例：水平线变成虚线

最新文章

XHTML+CSS的目的和好处(WEB标准的目的和好处
常见的CSS问题的“一站式”的解决方案
国外译文：网页设计如何使用CSS的选择器模式
CSS实现图片阴影效果三部曲(译文)
CSS实现不定高度DIV绝对居中
25条CSS制作网页编写的提醒及小技巧整理
Opera 中的 CSS 妙用 ── Flash block
什么是用户定义的样式表？
制作网页时手写CSS应该注意的一点技巧
网页中用于构造图表的一些基本CSS代码

网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

发表评论：

姓　　名：		评分： 1分 2分 3分 4分 5分
评论内容：		·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。 ·用户需对自己在使用本网服务过程中的行为承担法律责任 ·本站管理员有权保留或删除评论内容。 ·评论内容只代表机友个人观点，与本网站立场无关。

最新推荐

百度主题推广

最新热门