| 编程（Programming）是编定程序的中文简称，就是让计算机代码解决某个问题，对某个计算体系规定一定的运算方式，使计算体系按照该计算方式运行，并最终得到相应结果的过程。为了使计算机能够理解（understand）人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。 【实例名称】 JS代码实现图片的渐隐播放效果 【实例描述】 单独实现一个图片的显示和隐藏比较容易，本例将介绍如何实现多个图片连续播放的效果，并在图片切换的时候使用逐渐消隐的特效。 【实例代码】 <HTML>
<HEAD>
<TITLE>图像的渐隐播放效果-本站（www.xue51.com）</title>
<script language=javaScript>
var strngth=1
var index_image=0
var imageSrc = new Array()
imageSrc[0] ="logo1.gif"
imageSrc[1] ="logo2.gif"
imageSrc[2] ="logo1.gif"
function showimage() //显示图像
{
if(document.all) {
//创建一个带滤镜样式的img图像-注意显示的图像并不固定
if (strngth <=110) {
imagediv.innerHTML="<img style='filter:alpha(opacity="+strngth+")'
src="+imageSrc[index_image]+" border=0>";
strngth=strngth+10
var timer=setTimeout("showimage()",100) //每隔100豪秒就显示图像
}
else {
clearTimeout(timer)
var timer=setTimeout("hideimage()",1000) //每隔1000豪秒就隐藏图像
}
}
//是Netscape浏览器时的特效实现方法
if(document.layers) {
clearTimeout(timer)
document.imagediv.document.write("<img src="+
imageSrc[index_image]+" border=0>")
document.close()
index_image++
if (index_image >= imageSrc.length) {index_image=0}
var timer=setTimeout("showimage()",2000)
}
}
function hideimage() //隐藏图像
{
if (strngth >=-10) {
//设置图像逐渐消隐的滤镜效果-注意图像并不固定
imagediv.innerHTML="<img style='filter:alpha(opacity="+strngth+")'
src="+imageSrc[index_image]+" border=0>";
strngth=strngth-10
var timer=setTimeout("hideimage()",100) //每隔100豪秒就隐藏图像
}
else {
clearTimeout(timer)
index_image++
if (index_image >= imageSrc.length) {index_image=0}
strngth=1
var timer=setTimeout("showimage()",500) //每隔500豪秒就显示图像
}
}
</script>
</HEAD>
<body onLoad="showimage()">
<div id="imagediv" style="position:absolute;"></div>
</body>
</HTML>
【运行效果】
 【难点剖析】 本例的重点是滤镜结合定时器的使用。用滤镜“filter.alpha”实现图片的渐隐渐现，然后使用定时器“setTimeout”实现图片数组的调用。 【源码下载】 为了JS代码的准确性，请点击：图片的渐隐播放效果 进行本实例源码下载
使用编程语言写的程序，由于每条指令都对应计算机一个特定的基本动作，所以程序占用内存少、执行效率高。
| 
