送给我喜欢的人系列_无法点击的拒绝

原创已于 2022-05-17 22:00:51 修改 · 96 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #css3

于 2022-05-15 16:42:26 首次发布

有趣的Demo 专栏收录该内容

2 篇文章

订阅专栏

无法点击的拒绝

如果侵权请联系，会进行删除。
练手刚刚好。
在这里插入图片描述

// An highlighted block
<h1 style="position:absolute; left:280px; top:155px; width:auto; height:210px;">你喜欢我吗?</h1>
<div id="By" style="position:absolute; left:285px; top:235px;">
  <input type="button" value=" 是的！ " onclick="f1()">
</div>
<div id="Bn" style="position:absolute; left:360px; top:235px;">
  <input type="button" value=" 想要拒绝的话就点我！ " onmouseover="f()" onclick="f2()">
</div>

<script type="text/javascript">
  function f1() {
    alert("我猜也是，毕竟我这么优秀！！！")
  }
  var flag = 1;

  function f() {
    var Bn = document.getElementById('Bn');
    var aWidth = document.body.clientWidth || document.documentElement.clientWidth;
    var aHeight = document.body.clientHeight || document.documentElement.clientHeight;
    var sJs1 = Math.floor(Math.random() * aHeight);
    var sJs2 = Math.floor(Math.random() * aWidth);
    if (flag == 1) {
      Bn.style.top = sJs1 + 'px';
      Bn.style.left = sJs2 + 'px';
      flag = 2;

    } else if (flag == 2) {
      Bn.style.top = sJs1 + 'px';
      Bn.style.left = sJs2 + 'px';
      flag = 3;
    } else if (flag == 3) {
      Bn.style.top = 235 + 'px';
      Bn.style.left = 286 + 'px';
      flag = 4;
    } else if (flag == 4) {
      Bn.style.top = 235 + 'px';
      Bn.style.left = 360 + 'px';
      flag = 1;
    }
  }

  function f2() {
    alert('这不是你的真心话！');
  }
</script>