javascript图片切换效果/带文字
纯图片版:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Slideshow</title>
<mce:script type="text/javascript" charset="utf-8"><!--
var galleryarray = ['dog.gif','cat.gif','penguin.gif'];
var curimg=0;
function rotateimages(){
document.getElementById("slideshow").setAttribute("src","img/"+galleryarray[curimg])
//document.getElementById("slideshow").src="img/"+galleryarray[curimg]
curimg=(curimg<galleryarray.length-1)?curimg+1:0
}
window.onload=function(){
setInterval("rotateimages()",2500)
}
// --></mce:script>
</head>
<body>
<div style="width:170px;height:160px;border:4px solid #e2e2e2;margin:0 auto;">
<img id="slideshow" src="img/cat.gif" mce_src="img/cat.gif">
</div>
</div>
</body>
</html>
图片+文字说明
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Slideshow</title>
<mce:script type="text/javascript" charset="utf-8"><!--
var galleryarray =
['dog.gif|dog','cat.gif|cat','penguin.gif|penguin'];
var curimg=0;
function rotateimages(){
document.getElementById("slideshow").setAttribute("src","img/"+galleryarray[curimg].split("|")[0])
document.getElementById("showTxt").innerHTML=galleryarray[curimg].split("|")[1];
//document.getElementById("slideshow").src="img/"+galleryarray[curimg]
curimg=(cu
相关文档:
原文:《Speeding
up JavaScript: Working with the DOM》
作者: KeeKim Heng, Google Web Developer
在我们开发互联网富应用(RIA)时,我们经常写一些javascript脚本来修改或者增加页面元素,这些工作最终是DOM——或者说文档对象模
型——来完成的,而我们的实现方式会影响到应用的响应速度。 ......
函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解。
javascript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的。通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前,先看一下函数的使用语法:
以下是引用片段 ......
JavaScript是一种通用的、基于原型的、面向对象的脚本语言,而脚本语言就是指可以和Html语言混合使用的语言
1.JavaScript与Java的区别
A. JavaScript是解释型的语言,当程序执行的时候,浏览器一边解释一边执行。而Java是编译型的语言,必须经过编译才能执行
B. 代码 ......
<SCRIPT language=JavaScript >
function RunGLNL(){
var today=new Date();
var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var DDDD=(today.getYear()<100 ? today.getYear()+1900:today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日";
DD ......