?<SCRIPT language="javascript" type="text/javascript">
?//图片滚动展示 Start
?var counts = 4;
?//大图//
?img1 = new Image();
?img1.src = 'pic/index01.jpg';
?img2 = new Image();
?img2.src = 'pic/index02.jpg';
?img3 = new Image();
?img3.src = 'pic/index03.jpg';
?img4 = new Image();
?img4.src = 'pic/index04.jpg';
?
?var smallImg = new Array();
?//小图
?smallImg[0] = 'pic/index01.gif';
?smallImg[1] = 'pic/index02.gif';
?smallImg[2] = 'pic/index03.gif';
?smallImg[3] = 'pic/index04.gif';
?
?//链接地址
?url1 = new Image();
?url1.src = 'http://www.jz123.cn/';
?url2 = new Image();
?url2.src = 'http://ziti.jz123.cn';
?url3 = new Image();
?url3.src = 'http://ziti.jz123.cn';
?url4 = new Image();
?url4.src = 'http://ziti.jz123.cn';
?//alt值
?alt1 = new Image();
?alt1.alt = '现在购买虚拟主机免费开通在线客服功能(渠道除外)';
?alt2 = new Image();
?alt2.alt = '建站普及风暴,圣诞元旦礼上礼';
?alt3 = new Image();
?alt3.alt = '冬日暖阳 年度双薪';
?alt4 = new Image();
?alt4.alt = '冬日暖阳 年度双薪';
?////欢迎来到标准之路.
?var nn = 1;
?var key = 0;
?function change_img() {
? if (key == 0) {
?? key = 1;
? } else if (document.all) {
?? document.getElementById("pic").filters[0].Apply();
?? document.getElementById("pic").filters[0].Play(duration = 2);
? }
? eval('document.getElementById("pic").src=img' + nn + '.src');
? eval('document.getElementById("url").href=url' + nn + '.src');
? eval('document.getElementById("pic").alt=alt' + nn + '.alt');
? if (nn == 1) {
?? document.getElementById("url").target = "_blank";
?? document.getElementById("url").style.cursor = "pointer";
? } else {
?? document.getElementById("url").target = "_blank"
?? document.getElementById("url").style.cursor = "pointer"
? }
?
? for ( var i = 1; i <= counts; i++) {
?? document.getElementById("xxjdjj" + i).className = 'axx';
? }
? document.getElementById("xxjdjj" + nn).className = 'bxx';
? nn++;
? if (nn > counts) {
?? nn = 1;
? }
? tt = setTimeout('change_img()', 7000);
?}
?function changeimg(n) {
? nn = n;
? window.clearInterval(tt);
? change_img();
?}
?function ImageShow() {
? document.write('<div class="picshow_main">');
? document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
? document.write('<div class="picshow_change">');
? for ( var i = 0; i < counts; i++) {
?? document.write('<a href="javascript:changeimg(' + (i + 1)
???? + ');" id="xxjdjj' + (i + 1)
???? + '" class="axx" target="_self"><img src="' + smallImg[i]
???? + '"></a>');
? }
? document.write('</div></div>');
? change_img();
?}
?//图片滚动展示 End
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
?ImageShow();
</SCRIPT>
详细解决方案
图片滚动显示脚本
热度:37 发布时间:2012-10-31 14:37:32.0
相关解决方案