html轮番效果,擦除式图片轮番显示效果-网页设计,HTML/CSS

加在< 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] = 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=”jsimg/1.jpg” name=slideshow width=388 height=415>

< /td>

< /tr>

< /table>

html轮番效果,擦除式图片轮番显示效果-网页设计,HTML/CSS相关推荐

HTML5期末大作业：化妆品主题——绿色大气的html5响应式化妆品护肤品肌肤网页设计(11页) HTML+CSS+JavaScript 整体风格非常漂亮...
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
HTML5----响应式（自适应）网页设计（自动适应屏幕大小）
HTML5----响应式(自适应)网页设计(自动适应屏幕大小) 现在,很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机,电脑等设备,那么就需要我们在页面上下功夫,但移动端的布局不同于pc ...
HTML5----响应式（自适应）网页设计
第一步:在网页代码的头部,加入一行viewport元标签 <meta name="viewport" content="width=device-width, in ...
html之响应式（自适应）网页设计
第一步:在网页代码的头部,加入一行 viewport 元标签 <meta name="viewport" content="width=device-width, ...
html网页设计把图片放在边框,网页设计中怎么让一张图片填充满整个画面？
网页设计中怎么让一张图片填充满整个画面 ?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 网页设计中怎么让一张图片填充满 ...
html5学生dw网页设计大作业，hbuilder仿茅台集团网页设计成品模板，图片轮播网页设计模板
html5静态网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计,一般的网页作业需要融入以下知识点:div布局.浮动.定位.高级css.表格.表单及验证.js轮播图.音频视频 Fla ...
【源码分享】响应式风景旅游网页设计-HTML+CSS+JavaScript
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题.你想要解决的问题,在这里常见网页设计作业题材有个 ...
响应式布局或自适应网页设计
看了一篇不错的自适应网页设计介绍就自己试着做了一下,原文写的确实很好,收获很多.下面放上链接和自己的例子: 链接:http://www.ruanyifeng.com/blog/2012/05/resp ...
photoshop 切片 html 图片路径,PS网页设计中切片使用教程
第12章网页设计中的应用 ps是设计行业的"全能型选手".除了在传统设计中起到了中流砥柱的作用,在网页设计行业也有很好的表现.使用ps的网页设计工具及相关功能,可以轻松创建网站图像 ...

html轮番效果,擦除式图片轮番显示效果-网页设计,HTML/CSS

html轮番效果,擦除式图片轮番显示效果-网页设计,HTML/CSS相关推荐

最新文章

热门文章