夜鹰教程网-程序员的加油站
 当前位置:文章中心 >> 技术辅导
flash变换图片--纯javascrpit版本
夜鹰教程网 来源:www.yyjcw.com 日期:2016-11-14 18:22:12
flash变换图片--纯javascrpit版本

<div id="divs">
<img src="images/flash1.jpg" id="1" style="FILTER: revealTrans(duration=1,transition=16); cursor:pointer;" onclick="location.href = '#'">
<img src="images/flash2.jpg" id="2"   style="FILTER: revealTrans(duration=1,transition=17); cursor:pointer;display:none" onclick="location.href = '#'">
<img src="images/flash3.jpg" id="3"   style="FILTER: revealTrans(duration=1,transition=18); cursor:pointer;display:none" onclick="location.href = '#'">
<img src="images/flash4.jpg" id="4"   style="FILTER: revealTrans(duration=1,transition=19); cursor:pointer;display:none" onclick="location.href = '#'">
<img src="images/flash5.jpg" id="5"   style="FILTER: revealTrans(duration=1,transition=20); cursor:pointer;display:none" onclick="location.href = '#'">
<img src="images/flash6.jpg" id="6"   style="FILTER: revealTrans(duration=1,transition=21); cursor:pointer;display:none" onclick="location.href = '#'">
</div>

<script language="javascript">
function $(_sId) {
    return document.getElementById(_sId);
}
var speed=5000;
var setid=null;
var auto="true";
function galleryplay(divs,a,mtime){ //t为要应用此函数的id,a初始化时显示的项目的顺序数
    if(divs=="0")return false;   
    var start=3;
    if(auto=="true")
    {
        start = a-1;//初始项目
        speed = mtime;//切换间隔
        setid = null;//定时器    
        var loop = function(){ //自动切换        
            ids = divs.split(",");                       
            for (var i=0;i<ids.length; i++)
            {           
                 $(ids[i]).style.display='none';
           
            }                                   
            $(ids[start]).filters.revealTrans.Transition = Math.floor(Math.random() * 23);
            $(ids[start]).filters.revealTrans.apply();
            $(ids[start]).filters.revealTrans.play();
            $(ids[start]).style.display='';
           
            setid=setTimeout(loop,speed);
            start++;
            if(start==ids.length){
                start=0;                 
            }
        };loop();    
    }
}
galleryplay('1,2,3,4,5,6',1,5000);
</script>

复制链接 网友评论 收藏本文 关闭此页
上一条: 网页不显示flash动画的原因  下一条: Flash,Actionscript,AS延时执行语句,延…
夜鹰教程网成立于2008年,目前已经运营了将近 13 年,发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。 我们一直都在坚持的是:认证负责、一丝不苟、以工匠的精神来打磨每一套教程,让读者感受到作者的用心。我们默默投入的时间,确保每一套教程都是一件作品,而不是呆板的文字和视频! 目前我们推出在线辅导班试运营,模式为一对一辅导,教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发,winform和物联网开发、web前端开发,但不仅限于此。 普通班针对的是国内学员,例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。 就业办针对即将毕业上岗的大四学生,或者打算转行的初级开发工程师。 留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子,目的是让大家熟练地掌握编程技能,按时完成老师布置的作业,并能顺利地通过考试。 详细咨询QQ:1416759661   夜鹰教程网  基于角色的权限管理系统(c-s/b-s)。
  夜鹰教程网  基于nodejs的聊天室开发视频教程
  夜鹰教程网  Git分布式版本管理视频教程
  夜鹰教程网  MVC+EasyUI视频教程
  夜鹰教程网  在线考试系统视频教程
  夜鹰教程网  MongoDB视频教程。
  夜鹰教程网 Canvas视频教程
  夜鹰教程网 报表开发视频教程
  热点推荐
FLASH加载xml,txt,swf实例代码
Flash,Actionscript,AS延时执行语…
入门Flash CS3 ActionScript 3.0
播放器的制作方法
JavaScript控制Flash播放器的方法…
FLASH变量和作用域[这是一篇比较好…
用FLASH8.0轻松制作简易计算器
FLASH动画禁止右键菜单
FLASH AS教程:响应键盘事件的四种…
最常用的Flash语句(汇总)
Flash制作坦克游戏视频教程
创建FLEX自定义组件(1)
FLASH与ASP通信原理入门
Flash教程:加载外部文本文件的3种…
创建FLEX自定义组件(3)
  最近更新
在线考试系统
常见项目开发
学生公寓管理系统的设计与实现
校园电话查询系统设计与实现
校园机动车停车位申请系统的设计与…
C#支付宝接口集成服务
常见项目开发
常用UML建模工具
FLASH加载xml,txt,swf实例代码
视频教程卡住的解决办法
播放器的制作方法
常见定制系统开发
入门Flash CS3 ActionScript 3.0
flex code
Flex 开发架构渐变

关于我们 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3