文档章节

自学篇之---js最简单的幻灯片

tianyuqin
 tianyuqin
发布于 2015/02/08 21:50
字数 186
阅读 214
收藏 12

<html>

<head>

<script type="text/javascript">

myImages=new Array()

myImages[0]="/i/eg_mouse.jpg"

myImages[1]="/i/eg_smile.gif"

myImages[2]="/i/eg_landscape.jpg"

myImages[3]="/i/eg_landscape2.jpg"

myImages[4]="/i/eg_landscape3.jpg"

myImages[5]="/i/eg_greanfoliage.jpg"

imagecounter=myImages.length-1

i=0

function first()

{

document.getElementById('imageviewer').src=myImages[0]

i=0

}


function previous()

{

if (i>0)

{

i--

document.getElementById('imageviewer').src=myImages[i]

}

}


function next()

{

if (i<imagecounter)

{

i++

document.getElementById('imageviewer').src=myImages[i]

}

}


function last()

{

document.getElementById('imageviewer').src=myImages[imagecounter]

i=imagecounter

}

function scroll(){

if(i<imagecounter){

   i++

   document.getElementById('imageviewer').src=myImages[i]

   timer=setTimeout("scroll()",1000)

   }

   if(i==imagecounter){

     i=0

   }

}


function stop(){

clearTimeout(timer)

}

</script>

</head>


<body onload="scroll()" onunload="stop()">

<center>

<form>

<input type="button" value="First" onclick="first()">

<input type="button" value="Previous" onclick="previous()">

<input type="button" value="Next" onclick="next()">

<input type="button" value="Last" onclick="last()">

</form>

<img id="imageviewer" src="/i/eg_mouse.jpg" />

</center>

</body>

</html>



































© 著作权归作者所有

tianyuqin
粉丝 1
博文 23
码字总数 8481
作品 0
成都
程序员
私信 提问
12个令人印象深刻的JavaScript和HTML5的内容呈现框架

随着网页开发的指数式增长,越来越多的人投身到其中并贡献了诸多精美的网站。这些伟大的网站也许不同于那些不同的商业视角并且它们可以在各种行业做出贡献。随着网站开发领域的迅速改变和成长...

oschina
2014/02/09
6.4K
11
HTML 5视频教程系列之JavaScript学习篇-何韬-专题视频课程

HTML 5视频教程系列之JavaScript学习篇—52816人已学习 课程介绍 HTML 5视频教程系列中JavaScript开发的基础知识讲解及学习。 课程收益 通过自学视频掌握HTML 5开发手机应用和手机游戏的技能...

pkutao
2015/02/10
0
0
一共三个DIV。想让它像幻灯片一样。轮换显示隐藏。。就怎么弄。

一共三个DIV。想让它像幻灯片一样。轮换显示隐藏。。就怎么弄。 用JS或是jquery setInterval clearInterval setTimeout ...............怎么写呢。。基本功好差啊。。。 求教下写个最简单的例...

不会武功的猪
2012/09/25
987
4
SlidesJS基本使用方法_已整理

来源 MZB大豆博客 Slides – 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。 Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多...

辣条拌鱼翅
2015/01/01
76
0
世界级javascript大师们的视频与PPT

阅读: 6 评论: 0 作者: 阿K&LiveCai 发表于 2010-03-26 10:45 原文链接 来源:css9.net 导读:本文中的javascript大师们大多来自yahoo公司,可能说起他们的名字国内熟悉的人并不多,不过说到他...

陈波
2010/03/30
784
0

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
今天
4
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
6
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
8
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
6
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部