首頁猿問怎么點擊按鈕讓盒子旋轉(zhuǎn)360度呀謝謝

怎么點擊按鈕讓盒子旋轉(zhuǎn)360度呀謝謝

CSS3 Html/CSS JavaScript

慕斯卡5910870 2016-07-11 20:58:50

查看完整描述

3 回答

已采納

blovetu

TA貢獻(xiàn)319條經(jīng)驗獲得超234個贊

記得采納哦~

反對回復(fù) 2016-07-13

blovetu

TA貢獻(xiàn)319條經(jīng)驗獲得超234個贊

.rotateBox?{
?-webkit-transform:?rotate(360deg);
??transform:?rotate(360deg);
??transition:?all?0.5s;
}

$(".btn").click(function(){
????$(".box").addClass("rotateBox");
});

1 反對回復(fù) 2016-07-12

慕斯卡5910870
#rotateBox{width: 100px;height: 100px;background: aqua; -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s; } button{width: 100px;background: gray;height: 20px;color: white;margin-top:5px;box-shadow: 0 0 10px gray;} </style> </head> <body> <div id="rotateBox"></div> <button onclick="box1()">點擊</button> <script> $(".btn").click(function(){ $(".box").addClass("rotateBox"); }); </script> 你好代碼應(yīng)該怎么寫呀謝謝

回復(fù) 2016-07-13
blovetu
<style type="text/css"> #rotateBox{ width: 100px; height: 100px; background: aqua; } .rot{ -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.8s; } button{ width: 100px; background: gray; height: 20px; color: white; margin-top:5px; box-shadow: 0 0 10px gray;} </style> <body> <div id="rotateBox"></div> <button class="btn">點擊</button> <script type="text/javascript" src="jquery-1.12.3.min.js"></script> <script type="text/javascript"> $(".btn").click(function(){ $("#rotateBox").addClass("rot"); }); </script> </body>

回復(fù) 2016-07-13
blovetu
給截個圖吧，這里連回車都沒有，看著太亂了

回復(fù) 2016-07-13

點擊展開后面2條

關(guān)注