图片擦洗幻灯片特效

原创 2016年06月02日 12:45:00

<script language="JavaScript">
var elady_step=3; //1:small, 3:middle, 5:big
var elady_speed=50; //20:fast, 50:middle, 80:slow
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0; 
var elady_stop_sh=0;
var elady_star_sh=1;

function elady1_moveImg(){
if ((!document.all&&!document.getElementByIdx)||(elady_stop_sh==0)) return;
if (elady_star_sh==1){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)+elady_step;}
else if (elady_star_sh==2){
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)+elady_step;}
else if (elady_star_sh==3){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-elady_step;}
else{
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-elady_step;}
if (elady_star_sh<4) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}

e_tplink[0]="products.asp";
e_tp[0]="http://cfan.net.cn/tutu/200406301.jpg";
e_tplink[1]="products.asp";
e_tp[1]="http://cfan.net.cn/tutu/200406302.jpg";
e_tplink[2]="products.asp";
e_tp[2]="http://cfan.net.cn/tutu/200406303.jpg";
e_tplink[3]="products.asp";
e_tp[3]="http://cfan.net.cn/tutu/200406304.jpg";

var currentimage=new Array();  
for (i=0;i<=3;i++){currentimage[i]=new Image();
      currentimage[i].src=e_tp[i];
         }
         function elady1_set(){   if (document.all)
         {      e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
               e_tprotator.filters.revealTrans.apply();   }
               }
               function elady1_playCo()
               {   if (document.all)      e_tprotator.filters.revealTrans.play()
               }function elady1_nextAd(){   if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
                     else adNum_elady1=0;
                        elady1_set();
                           document.images.e_tprotator.src=e_tp[adNum_elady1];
                              elady1_playCo();
                                 theTimer=setTimeout("elady1_nextAd()", 4000);}
    

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

jQuery响应式手机端移动端幻灯片图片切换特效插件slick

使用方法   1、引入文件 link rel="stylesheet" href="style/slick.css"> script src="script/jquery.mi...

jquery全屏图片幻灯片展示特效

这是一个超大的幻灯片自动扩展以填补容器来显示你的图片,可以覆盖整个屏幕,或某一区域。每张图片都可以设置平移,放大或放小等效果,还可以自定义标题和让其中内容永久展示。还可以设置幻灯片连续运行几次后停止,...

jquery图片幻灯片插件特效jquery.slider例子

jquery图片特效slider插件 @charset "utf-8"; .jquery-slider-wrapper{position:relative;zoom:1;clear:both} .j...

【移动开发】Ken Burns特效的幻灯片

Ken Burns特效,是视频产品中使用的一种平移和缩放的静态图片的特效。 先看维基百科针对Ken Burns特效的介绍。 http://en.wikipedia.org/wiki/Ken_Burns...
  • manoel
  • manoel
  • 2014年09月10日 00:19
  • 31158

原创Jquery实现图片幻灯片特效

  • 2013年03月15日 14:34
  • 731KB
  • 下载

swiper滑动实现幻灯片功能及swiper animate的动画特效

怎么实现手机滑动实现幻灯效果呢?目前网上有很多插件可以实现,本人选了一款非常不错的插件swiper.js,原因有很多,当然这款插件最符合项目的需要。所以在此推荐给大家。             那么在...

jQuery图片拆分滑动幻灯片特效

  • 2016年03月03日 10:55
  • 630KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片擦洗幻灯片特效
举报原因:
原因补充:

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