코드실행이 안되는 문제.. 채택완료
따라하기
9년 전
조회 5,330
작동을 하지 않네요.
alert("mouse over!"); 이것조차 안뜨는데...
함수에 들어가지도 못한다는 건가요?
</p><p><script src="<a href='<a href="http://code.jquery.com/jquery/1.11.2/jquery.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery/1.11.2/jquery.min.js</a>"></script'><a href="http://code.jquery.com/jquery/1.11.2/jquery.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery/1.11.2/jquery.min.js</a>"></script</a>></p><p><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></p><p><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></p><p>
<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></p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인