您的位置:学习中国 推荐教程 正文
原作者:kuku 添加时间:2007-06-02 原文发表:2007-06-02 人气:15

-----------------------------------------------------------------------------------------------------------------------------------------------

本文提示:《擦除式图片轮番显示效果》是本站编辑们为广大网友精选的实用文章,本文阐述了关于文章的相关理论,相对来说专业性强,但是本文只是针对于某个问题提出的见解与论述,未必能辐射到相关问题的方方面面,所以本文处理问题的方法仅仅为您提供一些参考。更多问题请查阅学习中国网其他栏目哦.

-----------------------------------------------------------------------------------------------------------------------------------------------

加在< head>中

< SCRIPT LANGUAGE="JavaScript">
//more javascript from http://www.smallrain.net
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'http://www.okasp.com/techinfo/jsimg/1.jpg'
Pic[1] = 'jsimg/2.jpg'
Pic[2] = 'jsimg/3.jpg'
Pic[3] = 'jsimg/4.jpg'
Pic[4] = 'jsimg/5.jpg'
Pic[5] = 'jsimg/6.jpg'
Pic[6] = 'jsimg/7.jpg'
Pic[7] = 'jsimg/8.jpg'
Pic[8] = 'jsimg/9.jpg'
Pic[9] = 'jsimg/10.jpg'


// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
< /script>

加在< body>中

< table border="0" cellpadding="0" cellspacing="0">
< tr>
< td id="VU">
< img src="http://www.okasp.com/techinfo/jsimg/1.jpg" name='SlideShow' width=388 height=415>
< /td>
< /tr>
< /table>

本页地址
收藏到:[收藏夹] [百度搜藏] [新浪ViVi] [POCO网摘] [ 和讯网摘] [好哦网摘] [Google书签]
               
[搜狐网摘] [365Key网摘] [天极网摘] [我摘] [博采网摘] [igooi网摘]
相关文章

为自己的网站添加RSS功能
多种网页弹出窗口代码
显示/隐藏引出的CSS Bug
实现页面中按钮刷新的N种方法
Web开发技术发展史话
网页制作 JSP与ASP 的比较
1.网页背景色的设置
网页设计中HTML常范的五个错误
网页技巧之怎样编写CSS
从HTML语言到网上家园 第六章表单
利用CSS改善网站可访问性
AS常用代码集锦
模仿QQ和MSN消息提示的效果
玩转表单之花样表单
改变字体而不影响网页
如何在网页中制作虚线表格
为你的网页链接加上快捷键
CSS制作11种风格不同的特效文字
meta标签之详解
“mailto”的六则应用技巧

相关评论


本文章所属分类:首页 推荐教程   HTML学习