javascript 怎么写幻灯片（js网页幻灯片代码）

谁能告诉我图片幻灯片怎么写JS？

& lt；!DOCTYPE html PUBLIC & quot-//W3C//DTD XHTML 1.0过渡版//EN & quot；& quothttp://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-transitional . DTD & quot；& gt

& lthtml xmlns = & quothttp://www.w3.org/1999/xhtml" & gt；

& lthead & gt

& ltmeta http-equiv = & quot；内容类型& quotcontent = & quot文本/html；charset = utf-8 & quot；/& gt；

& lttitle & gtJavascript幻灯片效果

& ltstyle type = & quottext/CSS & quot；media = & quot所有& quot& gt

. d1 {宽度:443px高度:自动；溢出:隐藏；边框:#666666 2px纯色；背景色:# 000000；位置:相对；}

.正在加载{ width:443 px；边框:#666666 2px纯色；背景色:# 000000；颜色:# FFCC00字体大小:12px身高:179px文本对齐:居中；padding-top:30px；字体系列:Verdana，Arial，Helvetica，无衬线；字体粗细:粗体；}

. d2 {宽度:100%；高度:209px溢出:隐藏；}

.num _ list { position:absolute；宽度:100%；左:0px底部:-1px；背景色:# 000000；颜色:# FFFFFF字体大小:12px填充:4px 0px高度:20px溢出:隐藏；}

.num _ list span { display:inline-block；高度:16px左填充:6px}

img { border:0px；}

ul{display:无；}

.按钮{位置:绝对；z指数:1000；右:0px底部:2px字体大小:13px字体粗细:粗体；字体系列:Arial，Helvetica，无衬线；}

. b1，. B2 { background-color:# 666666；显示:块；浮动:左；填充:2px 6pxmargin-right:3px；颜色:# FFFFFF文字-装饰:无；光标:指针；}

. B2 { color:# ffcc 33；背景色:# FF6633}

& lt/style & gt；

& lt脚本语言= & quotjavascript & quottype = & quottext/JavaScript & quot；& gt

//主函数

var s=function(){

var interv = 2000//切换时间

var interv2 = 10//开关速度

var opac1 = 80//文本背景的透明度

var source = & quotfade _ focus & gt；//图片容器的id名称

//获取对象

function getTag(tag，obj){ if(obj = = null){ return document . getelementsbytagname(tag)} else { return obj . getelementsbytagname(tag)} }

函数getid(id){ return document . getelementbyid(id)}；

var opac=0，j=0，t=63，num，scton=0，定时器，定时器2，定时器3；var id = getid(source)；id . remove child(getTag(& quot；div & quot，id)[0])；var Li = getTag(& quot；李说:，id)；var div = document . createelement(& quot；div & quot);var title = document . createelement(& quot；div & quot);var span = document . createelement(& quot；span & quot);var button = document . createelement(& quot；div & quot);button.className = & quot按钮& quot;for(var I = 0；我& lt李.长度；i

){ var a = document . createelement(& quot；a & quot);a . innerhtml = I

1；a . onclick = function(){ clear time out(timer)；clearTimeout(定时器2)；clearTimeout(定时器3)；j = parse int(this . innerhtml)-1；scton = 0；t = 63OPAC = 0；fade on()；};a.className = & quotb1 & quot;a . onmouseover = function(){ this . class name = & quot；b2 & quot};a . onmouseout = function(){ this . class name = & quot；b1 & quot;sc(j)}；button . appendchild(a)；}

//控制图层透明度

function alpha(obj，n){ if(document . all){ obj . style . filter = & quot；alpha(不透明度= & quot

n

& quot；)& quot;} else { obj . style . opacity =(n/100)；}}

//控制焦点按钮

函数sc(n){ for(var I = 0；我& lt李.长度；i

){button.childNodes[i]。className = & quotb1 & quot};button.childNodesclassName = & quotb2 & quot;}

title.className = & quot数字列表& quot;title . appendchild(span)；alpha(标题，opa C1)；id.className = & quotd1 & quot;div.className = & quotd2 & quot;id . appendchild(div)；id.appendChild(标题)；id.appendChild(按钮)；

//淡出

var fadeon=function(){opac

=5;div.innerHTML=li[j].innerHTML;span.innerHTML=getTag("img",li[j])[0].alt;alpha(div,opac);if(scton==0){sc(j);num=-2;scrolltxt();scton=1};if(opac<100){timer=setTimeout(fadeon,interv2)}else{timer2=setTimeout(fadeout,interv);};}var fade on = function(){ OPAC

= 5；李[j]。innerHTMLspan . innerhtml = getTag(& quot；img & quot，李[j])[0]。altalpha(div，OPAC)；if(sc ton = = 0){ sc(j)；num =-2；scroll txt()；scton = 1 }；if(OPAC & lt；100){timer=setTimeout(fadeon，inter v2)} else { timer 2 = setTimeout(fade out，inter v)；};}

//淡出

var fade out = function(){ OPAC-= 5；李[j]。innerHTMLalpha(div，OPAC)；if(scton = = 0){ num = 2；scroll txt()；scton = 1 }；if(OPAC & gt；0){timer=setTimeout(fadeout，inter v2)} else { if(j & lt；Li . length-1){ j

} else { j = 0 }；fade on()}；}

//滚动文本

var scroll txt = function(){ t

= num；span . style . margin top = t

& quot；px & quot;if(num & lt；0 & > t；3){timer3=setTimeout(scrolltxt，inter v2)} else if(num & gt；0 & & t & lt62){ timer 3 = setTimeout(scroll txt，inter v2)} else { sc ton = 0 } }；

fade on()；

}

//初始化

window . onload = s；

& lt/script & gt；

& lt/head & gt；

& ltbody & gt

& ltdiv id = & quotfade _ focus & gt；& gt

<div class="loading">Loading…<br /><img src="/jscss/demoimg/200905/logings.gif" width="100" height="100" /></div>& ltdiv class = & quot正在加载& quot& gt装货…& ltbr/>；& ltimg src = & quot/jscss/demo img/200905/logins . gif & quot；width = & quot100 & quotheight = & quot100 & quot/& gt；& lt/div & gt；

& ltul & gt

<li><img src="/jscss/demoimg/wall1.jpg" width="443" height="209" alt="展示图片1" /></li>& lt李& gt& ltimg src = & quot/jscss/demo img/wall 1 . jpg & quot；width = & quot443 & quotheight = & quot209 & quotalt = & quot显示图片1 & quot/& gt；& lt/李& gt

<li><img src="/jscss/demoimg/wall2.jpg" width="443" height="209" alt="展示图片2" /></li>& lt李& gt& ltimg src = & quot/jscss/demo img/wall 2 . jpg & quot；width = & quot443 & quotheight = & quot209 & quotalt = & quot显示图片2 & quot/& gt；& lt/李& gt

<li><img src="/jscss/demoimg/wall3.jpg" width="443" height="209" alt="展示图片3" /></li>& lt李& gt& ltimg src = & quot/jscss/demo img/wall 3 . jpg & quot；width = & quot443 & quotheight = & quot209 & quotalt = & quot显示图片3 & quot/& gt；& lt/李& gt

& lt/ul & gt；

& lt/div & gt；

& lt/body & gt；

& lt/html & gt；

js是什么命令？

js是脚本语言

一：JS是什么意思

Javascript简称js，js是一种脚本语言，是不需要进行编译的，也是浏览器中的一部分，经常用在web客户端脚本语言，主要是用来给html增加动态功能。

二：js有什么用

一般情况下，html页面主要是用于静态内容的显示，但是在实际中，页面很少的静态的，现在是网站都会有一些表单和幻灯片，这些都是使用js来进行交互，其实还有一些语言在可以编写脚本，实际上都是js。

js主要是用web的开发，可以给网站添加各种各样的动态效果，让网页更加美观。

三：js的组成部分
js核心：ECMAScrept,DOM,BOM.
js的组成是有三部分组成，包括基本的语法和文档对象模型，以及浏览器对象模型。