1、网页设计实训指导书-javascript 特效第 1 页 共 9 页图片轮转 javascript 代码1. 简单的图片轮转（红色字体是修改地方）nextAd()2. 复杂的图片轮转（红色字体是修改地方）效果图网页设计实训指导书-javascript 特效第 3 页 共 9 页2.1 编写一个静态网页（调用 lunzhuan.js）测试* margin:0px; padding:0px;#ceshi width:300px; height:225px; margin:0 auto; border:1px red solid;网页设计实训指导书-javascript 特效第 4 页 共 9 页2
2、.2 编写 lunzhuan.js 文件存放在 images 文件夹内counts)nn=1; /如果 ID 大于总图片数量。则从头开始循环tt=setTimeout(change_img(),3000); /在 2 秒后重新执行change_img()方法.function changeimg(n)/点击黑条上的链接执行的方法。nn=n; /当前页面的 ID 等于传入的 N 值,window.clearInterval(tt); /清除用于循环的 TT/重新执行 change_img();但 change_img()内所调用的图片 ID 已经在此处被修改,会从新 ID 处开始执行.chang
3、e_img();/样式表document.write();document.write(.axxpadding:1px 7px;border-left:#cccccc 1px solid;font-size:12px;);document.write(a.axx:link,a.axx:visitedtext-网页设计实训指导书-javascript 特效第 8 页 共 9 页decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;);document.write(a.axx:ac
4、tive,a.axx:hovertext-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;);document.write(.bxxpadding:1px 7px;border-left:#cccccc 1px solid;);document.write(a.bxx:link,a.bxx:visitedtext-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color
5、:#ff0000;);document.write(a.bxx:active,a.bxx:hovertext-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#ff0000;);document.write();/内容部分document.write();document.write();document.write();for(var i=1;i+i+);document.write();document.write();/document.write();/开始执行滚动操作change_img();/
