问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

css3动画问题

发布网友 发布时间:2022-04-23 09:26

我来回答

1个回答

热心网友 时间:2022-04-06 13:12

<div id="a">a</div>
<div id="b">b</div>
<script>
    flag = 0;
    bflaga = 0;
    bflagb = 0;
    aflag = 0;
    var aElement = document.getElementById('a');
    var bElement = document.getElementById('b');
    aElement.addEventListener('click', aclick);
    bElement.addEventListener('click', bclick);
    document.body.addEventListener('click', bodyclick);

    function aclick() {
        aflag = 1;
        flag = 1;
        bElement.classList.add('move');
    }

    function bclick() {
        bflagb = 1;
        if (bflaga === 1) {
            bElement.classList.remove('zoom');
            bflaga = 0;
            return 0;
        }
        else {
            bElement.classList.add('zoom');
            bflaga = 1;
        }
    }

    function bodyclick() {
        if (flag && !bflagb && !aflag) {
            bElement.classList.remove('move');
            flag = 0;
            aflag = 0;
            bflagb = 0;
        }
        else{
            aflag = 0;
            bflagb = 0;
        }
    }
</script>

然后再用CSS对move(点击了a标签的)和zoom(点击了b标签的)进行调整即可

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
男生买卫生巾支援灾区对吗? 打了耳洞三天下了耳钉,怎么办!! cs七龙珠家里两台电脑怎么连局域网玩 CS七龙珠怎么创建联网房间 CS七龙珠怎样和电脑玩 CS七龙珠能和电脑对打吗 不然怎样调对打模式有哪些地图!!!急需... 糖葫芦的山楂在哪里买 衡水市康宁街与人民路交叉口市一建家属院7号楼,1-201怎么翻译 梦见朋友搬家时小孩因我不愿离去,且小孩坐在床上跑出许老鼠? 梦见搬家是什么预兆解梦 TD-LTE无线数据终端怎么用?资费和使用原理?请懂的人回答。 拒绝什么作文600 css3 如何给图片加入关键帧 使图片能够平缓的放大缩小并保持循环 华为WCDMA无线数据终端怎么用 真情作文 css3中新增了哪些动画效果 麻烦大家一下,家里的无线数据终端不好用了,有懂的吗?请指教 以被拒绝是成功的起点为题作文? 怎么用css3来实现div的等比例缩小的动态效果 《......的滋味》半命题作文 600字 怎样删除QQ上对好友的评价 css3变形缩放通过什么动画现实 作文 初三,拒绝着,盼望着 600 无线数据终端怎么使用说明及设置方法 无线数据终端? 那次,我拒绝了美食的诱惑600字作文 WCDMA无线数据终端是什么?怎么用? 【意见反馈】我有很多提问涉及我的隐私 我的qq号请将提问删除【你的设备... 作文:我尝到了被冷落的滋味 移动无线宽带无线数据终端那个品牌好用 尝试被拒绝作文100字 《被误会的滋味不好受》作文600字? 什么是无线数据终端,麻烦讲解的清楚一些,可不可以理解为随身携带的无线路由器。 css3 由小变大然后一直旋转的动画怎么做 路由器和无线数据终端有什么区别 我尝到了被批评的滋味六百字作文 怎么让ie支持css3 的animation动画放大效果??? 百多力公司产双频功能无线数据终端怎样使用? css动画效果不用鼠标控制自动播放 css3中怎样定义动画的旋转中心点 css3使用animation让页面加载进来时图片从中心放大 css3实现动画效果有哪些属性 css3怎么让动画匀速变换 linear CSS3中的动画效果transform:translateZ(),在Z轴上移动xx距离_百度知 ... 如何用HTML、CSS3和JavaScript做出下图的展开、收起的动画? css3过渡和动画的区别详解 css3 实现从0到一定数值宽度的变化(动画效果) css动画中希望动画效果线性播放,需要设置属性值()? - 信息提示 半挂车办理ETC到车辆类型那怎么选? 办理任货行货车ETC怎么选车辆用户类型?