코드실행이 안되는 문제..
본문
작동을 하지 않네요.
alert("mouse over!"); 이것조차 안뜨는데...
함수에 들어가지도 못한다는 건가요?
<script src="http://code.jquery.com/jquery/1.11.2/jquery.min.js"></script>
<script>
$("#wrapper").mouseenter(function() {
alert("mouse over!");
$(".ex7").css("-webkit-transform","translateY(40px)");
$(".ex7").css("-moz-transform","translateY(40px)");
$(".ex7").css("-o-transform","translateY(40px)");
$(".ex7").css("-ms-transform","translateY(40px)");
$(".ex7").css("-moz-transition","all 0.5s ease-in-out");
$(".ex7").css("-webkit-transition","all 0.5s ease-in-out");
$(".ex7").css("-o-transition","all 0.5s ease-in-out");
$(".ex7").css("-ms-transition","all 0.5s ease-in-out");
$(".ex50").css("opacity", "100");
$(".ex50").css("-webkit-transform", "translateY(-40px)");
$(".ex50").css("-moz-transform", "translateY(-40px)");
$(".ex50").css("-o-transform", "translateY(-40px)");
$(".ex50").css("-ms-transform", "translateY(-40px)");
$(".ex50").css("-moz-transition","all 0.5s ease-in-out");
$(".ex50").css("-webkit-transition","all 0.5s ease-in-out");
$(".ex50").css("-o-transition","all 0.5s ease-in-out");
$(".ex50").css("-ms-transition","all 0.5s ease-in-out");
)};
</script>
<style>
#wrapper {margin:0px auto;}
.ex7 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
}
.ex50 {
opacity:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
}
</style>
<div id="wrapper" style="width:800px; height:800px; background-color:#CCC">
<div class="ex7">
<span style="font-size:36px">text</span>
</div>
<div class="ex50">
<span style="font-size:12px">texttexttexttexttexttexttexttext</span>
</div>
</div>
답변을 작성하시기 전에 로그인 해주세요.