친구는 마우스가 그림 위로 지나갈 때 그림에 테두리 효과를 추가하려고 합니다. 불행히도 그는 잘못된 지점에서 시작하여 IMG 외부의 A 태그에 직접 추가하여 마우스가 그림 위로 지나갈 때 그림이 접히게 했습니다. 실제로 테두리 컨트롤은 IMG 태그에 직접 추가해야 합니다. 오류 코드는 다음과 같습니다. 빨간색 부분 설정에 주의하세요(시작점이 잘못됨) 코드 복사 코드는 다음과 같습니다. ="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js" > 🎜>$(document).ready(function(){ <br>$("#box a").mouseover( function(){ <br>$(this).css("border","1px 단색 빨간색" ); <br>}); <br>$("#box a").mouseout(function(){ <br>$(this).css("border","none"); <br>}) ; <br>}); <br><style> #box a{ 디스플레이:z-index:1000; ></style> <br></head> <br><body> <br><div id="box" style="width:100px; height:100px;"> ;a href="#"><img src="erwm.png" border="0" width=" 99" height="99"/></a> <br><a href= "#"><img src="erwm.png" border="0" width="99" height= "99"/></a> <br></div> ;/body> <br></html> <br><br> <br>수정 후 올바른 디자인 아이디어 : 빨간색 부분이 조정된 설정입니다 <br><br><br><br><br> 코드를 복사하세요 </div> <br><br> 코드는 다음과 같습니다: <div class="codetitle"> <span> <a style="CURSOR: pointer" data="18325" class="copybut" id="copybut18325" onclick="doCopy('code18325')"><html> <u><script type="text/javascript; " src="http://www.w3school.com.cn/jquery/jquery.js"> </a>$(document ).ready(function(){ </span>$("#box img").mouseover(function(){ </div>$( this).css("border","1px 단색 빨간색"); <div class="codebody" id="code18325"> }); <br>$("#box img").mouseout(function(){ <br>$(this).css( "border","none"); <br>}); ); <br><style> <br>#box a{ display:block; z-index; height:98px;} <br></style> ; <br></head> <br><body> <br><div id="box" style="width :100px; height:100px;"> #"><img src="erwm.png" border="0" width="99" height="99"/> ;</a> <br><a href="#"> <img src="erwm.png" border="0" width="99" height="99"/></ a> <br></div> <br></body> 🎜></html> <br><br> </div>