词条：喝石油 (1630)的修改记录
返回
实验性，暂不具备版本回退功能，有出错和漏记可能，发现请及时汇报
特性：较近的两处更改可能被合为一处，更改较大的段落可能被记为删除后新建，均属正常现象
如果需要知道改动确切位置，请使用浏览器自带的页面搜索功能
修改者：蓝洲腐竹
2024/4/8 9:19:38
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.net/jquery/2.2.4/jquery.min.js"></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>
<style>
.head1{
font-family: 'Lobster','Indie Flower';
}
.btn-danger{
position: relative;
top: 0px; /* change position here*/
/*animation: buttonMove 5s infinite;*/
}
.btn-primary{
position: relative;
top: 0px;
}
img{
width: 200px;
height: 400px;
}
@keyframes buttonMove {
0% {top: 0px;}
/*75% {top: 100px;} */
50% {top: 500px;}
100% {top:0px;}
}
@keyframes buttonMove2{
0% {top: 400px;
left:-200px; }
25% {top: 400px;
left:200px; }
50% {top: 400px;
left:200px; }
75% {top: 600px;
left:100px; }
100% {top: 600px;
left:-200px; }
}
</style>
<script>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>
修改者：蓝洲腐竹
2024/4/8 9:19:03
<script>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>
修改者：蓝洲腐竹
2024/4/8 9:17:56
修改者：蓝洲腐竹
2024/4/8 9:17:17
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.net/jquery/2.2.4/jquery.min.js"></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>
本功能自2023/5/28启用，更早的更改无记录
WIKI主页
我的