为了账号安全,请及时绑定邮箱和手机立即绑定

笔记,遗留的两个疑问

标签:
JavaScript
var timer = null;
var timer2 = null;
var flag = 0;

window.onload = function(){     
    var slip = document.getElementById('wrap');
    var Blocks = document.getElementById('listpanel').getElementsByTagName('div'); 
    slip.onmouseover = function(){
        move(0);
    }
    slip.onmouseout = function(){
        move(-280);
    }
    for(var i = 0;i < Blocks.length;i++)
    {
        var id = Blocks[i];
        id.onmouseover = function(){
            change(id, 0.3, 1);
        }

        id.onmouseout =  function(){
            change(id, 1, 0.3);
        }
    }   
}

function change(id, num, alpha){
    clearInterval(timer2);
    timer2 = setInterval(function(){
    if(num == 0.3){
        if(id.style.opacity > 0.3) alpha -= 0.1;
    }else{
        if(id.style.opacity < 1) alpha += 0.1;
    }
    if(id.style.opacity == num){
        clearInterval(timer2);
    }
    else id.style.opacity = alpha; },100);
}       

function move(Target){
    var slip = document.getElementById('wrap');
    clearInterval(timer);
    timer = setInterval(function(){
        var speed = 0;
        if(slip.offsetLeft > Target) speed = -10;
        if(slip.offsetLeft < Target) speed = 10;
        if(slip.offsetLeft == Target){
        clearInterval(timer);       
        }else slip.style.left = slip.offsetLeft + speed + 'px';},60);
}   

疑问:①绑定事件onmouseout = function(){
change();
}直接使用change()会自动运行
②遍历绑定事件只有最后一个有效

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消