教程集 > 脚本编程 > javascript > 正文 javascript 纯js图片广告轮换效果[支持ie7,ie8.firefox,ie6]

javascript 纯js图片广告轮换效果[支持ie7,ie8.firefox,ie6]

发布时间：2023-06-08 编辑：jiaochengji.com

教程集为您提供javascript 纯js图片广告轮换效果[支持ie7,ie8.firefox,ie6]等资源，欢迎您收藏本站，我们将为您提供最新的javascript 纯js图片广告轮换效果[支持ie7,ie8.firefox,ie6]资源

提示：您可以先修改部分代码再运行

javascript 纯js图片广告轮换效果[支持ie7,ie8.firefox,ie6]  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>无标题文档</title>  </head>    <body>    				<script>                       				var widths=635;    /*显示高度*/  				var heights=100;   /*显示宽度*/  				var counts=3;  				  				img1=new Image ();  				img1.src='/pic/123.gif';  				url1=new Image ();  				url1.src='http://111cn.net';  				  				img2=new Image ();  				img2.src='/pic/dns.gif';  				url2=new Image ();  				url2.src='http://www.111cn.net';  				  				img3=new Image ();  				img3.src='/pic/371.gif';  				url3=new Image ();  				url3.src='http://www.111cn.net';  				    				/* 建议将这块放置于JS中 下面的部分几乎是不需要任何改动*/  				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');  					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()',8000);  				}  				function changeimg(n){  					nn=n;  					window.clearInterval(tt);  					change_img();  				}  				document.write('<style>');  				document.write('.axx{float:left; padding:0px 4px 1px;*padding:0px 4px 1px;border:#fff 1px solid; margin-right:5px; margin-bottom:5px;}');  				document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px verdana;background-color:#aaa;}');  				document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px verdana;background-color:#ccc;}');  				document.write('.bxx{float:left; padding:0px 4px 1px;*padding:0px 4px 1px;border:#fff 1px solid;margin-right:5px; margin-bottom:5px;}');  				document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px verdana;background-color:#f90;}');  				document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px verdana;background-color:#f90;}');  				document.write('</style>');  				document.write('<div style="width:' widths 'px;height:' heights 'px;overflow:hidden;text-overflow:clip;position:relative;">');  				document.write('<div>' i '');  				}  				document.write('</div></div>');  				change_img();  				</script>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
JS滚轮事件onmousewheel的用法
 IE7,IE8浏览器CSS实现正圆角效果代码
 jQuery图片播放器 imgplayer
Jquery.LazyLoad.js修正版下载，实现图片延迟加载插件
 CSS 浏览器兼容hack整理收藏
 一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
 css ie ff 中hack 写法详解
 CSS hack在IE6，IE7，firefox用法与区分
 基于jquery编写的横向自适应幻灯片切换特效的实例代码
 autoIMG 基于jquery的图片自适应插件代码

上一篇：JavaScript图片放大效果代码下一篇：文章字体大中小代码

[关闭]

javascript 纯js图片广告轮换效果[支持ie7,ie8.firefox,ie6]

最近更新

浏览排行