基本信息
源码名称:html无法拒绝的表白代码
源码大小:2.40KB
文件格式:.html
开发语言:CSS
更新时间:2021-04-30
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍

html无法拒绝的表白代码,不能点击不喜欢。

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>爱你哦</title> </head> <body> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>  <style type="text/css"> .head1{ </style>  <script type="text/javascript"> var count=0;
$(document).ready(function(){
  $('.btn-danger').mouseenter(function(){
    $('.btn-danger').css('animation', 'buttonMove 0.5s infinite');
    count  ;
    console.log(count);
    if(count>=3){
      $('.btn-danger').css('animation', '');
      $('.btn-danger').css('top','500px');
      $('.btn-danger').css('left','-300px');
      $('.btn-danger').addClass('animated tada');
    }
    if(count>=4){
      $('.btn-danger').css('animation', 'buttonMove2  0.5s infinite ');
    }
    if(count>=6){
      $('.btn-danger').css('animation', '');
      $('.btn-danger').addClass('animated shake');
      $('#no-btn').css('top','200px');
      $('#no-btn').css('left','-400px');
    }
    if(count>=7){
      $('#no-btn').removeClass('btn-danger').addClass('btn-primary');
      $('#no-btn').text('是的!');
    }
  });
  // code continues here
  //btn-clicked
  $('.btn-primary').click(function(){
    $('.head1').text("哈哈,我也喜欢你!!!");
    $('.head1').addClass("animated wobble");
  });
}); </script> <h1 class="text-center head1">你喜欢我吗?</h1> <div class="container-fluid">  <!-- row of buttons -->  <div class="row">  <div class="col-xs-6 text-right"> <button class="btn btn-primary">是的!</button></div>  <div class="col-xs-6"> <button class="btn btn-danger" id="no-btn">喜欢个锤子!</button></div>   </div>  </div> </body> </html>