登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

高级菜鸟

积累并顺便分享AI,启动技术,C#,ASP.net等知识的地方

 
 
 

日志

 
 

经典图片轮换JS代码  

2011-03-16 19:55:22|  分类: JavaScript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
粗体为可自定义的地方,一个页面建议只放一次此代码,否则冲突。
--------------------------------------
<script>               
var widths=940;    /*显示高度*/
var heights=230;   /*显示宽度*/
var counts=3;

img1=new Image ();
img1.src='ADimage/1.png';
url1=new Image ();
url1.src='http://www.abc.com/';

img2=new Image ();
img2.src='ADimage/2.png';
url2=new Image ();
url2.src='http://www.abc.com/';

img3=new Image ();
img3.src='ADimage/3.png';
url3=new Image ();
url3.src='http://www.abc.com/';
</script>
<script src="ADimage/ad.js" type="text/javascript"></script>

----------------------------------------


ad.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()',5000);
}
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:#06a;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px verdana;background-color:#093;}');
document.write('</style>');
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;position:relative;">');
document.write('<div><a id="url" target="_blank"><img  alt="说明"  id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
document.write('<div style="position:absolute; right:0px; bottom:0px; *bottom:5px; z-index:100;">');
for(var i=1;i<counts+1;i++){
document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');
}
document.write('</div></div>');
change_img();
-------------------------------------------------
  评论这张
 
阅读(2274)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018