图片切换效果(有过渡效果,不抖动)

原创 2016年06月02日 12:49:59

<script language='javascript' src=''></script>

  <script language=JavaScript>
<!-- // BannerAD

var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]="images/top.jpg";
bannerADlink[0]="#";
bannerAD[1]="images/top1.jpg";
bannerADlink[1]="#";
bannerAD[2]="images/top3.jpg";
bannerADlink[2]="#";
bannerAD[3]="images/top4.jpg";
bannerADlink[3]="#";
bannerAD[4]="images/top1.jpg";
bannerADlink[4]="#";

var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}

//-->
</script>

 

<A onmouseover="displayStatusMsg();return document.returnValue"
href="javascript:jump2url()">
<IMG
style="FILTER: revealTrans(duration=2,transition=20)" height=211
src="images/top.jpg"  border=0
name=bannerADrotator>
</A>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>


</A>

版权声明:本文为博主原创文章,未经博主允许不得转载。

[转载]锤子官网的 banner 的 3D 悬浮效果

css 代码*{box-sizing: border-box;} div#test{ width: 100%; height: 500px; background: white; pa...

flash图片切换过渡效果

  • 2010年01月07日 11:46
  • 606KB
  • 下载

WP之Button按下时切换过渡效果图片

做项目时遇到个功能,button按下时(按下未松手时)要切换到相应的效果过渡图。 解决方案 1.在设计器里右键Button,选择“编辑模板”->“编辑副本”.然后VS会自动在xaml文件头部加上b...

图片自动切换(带过渡效果)

  • 2013年03月05日 15:26
  • 191KB
  • 下载

【抛砖引玉】鼠标悬停,图片由中心放大的过渡效果解决及问题

响应式布局中,实现鼠标悬停,图片由中心放大且不撑开容器的简单css过渡效果。...

渐变过渡的幻灯片切换效果

  • 2013年03月02日 10:34
  • 447KB
  • 下载

简单的js 图片轮换相册,有过渡渐变效果。兼容IE,ff

#cnt{width:100%;height:80%;} .ctrl{text-align:center;border:1px solid gray;font-size:12px;cursor:poi...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片切换效果(有过渡效果,不抖动)
举报原因:
原因补充:

(最多只允许输入30个字)