【实用随记】点击出现新的DIV，以及点一下转一下

来源：互联网发布：mac电脑怎么升级系统编辑：程序博客网时间：2024/05/19 18:00

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div class="btn">
<div class="button" id="show">show</div>
<div class="button" id="arrived">arived</div>
<div class="button" id="error">error</div>
<div class="button" id="cover">cover</div>
<div class="button" id="cover2">cover2</div>
</div>
<div class="box">
<div class="tips start" id='test0'></div>
<div class="keyframes"></div>
</div>

</body>
<script type="text/javascript" src="jquery-2.0.0.js"></script>
<script type="text/javascript">
var idCount = 0;
var i = 7;
var min;
$(function (){
$("#show").click(function(){
$(".tips").removeClass("start");
});
$("#error").click(function(){
$(".tips").removeClass("arrived");
$(".tips").addClass("error");
});
$("#arrived").click(function(){
$(".tips").removeClass("error");
$(".tips").addClass("arrived");
});
$("#cover").click(function(){
$(".tips").addClass("cover");
min = idCount;
$("<div class='tips' id='test"+(idCount++)+"'></div>").appendTo(".box");
//$("#test"+min+"").css("-webkit-transform","rotate("+(i++)+"deg)");
});
$("#cover2").click(function(){
$("#test"+min+"").css("-webkit-transform","rotate("+(i++)+"deg)");
});

});

0 0