2012-04-07 3 views
0

이 스크립트에서 봐 :이 작동하고onMouseover와 자바 스크립트

<html> 
<head> 
<style> 
#g{ 
display:none; 
} 
</style> 
<a href=# onMOUSEOVER="document.getElementById('g').style.display='block'"> 
12</a><div id=g>hello world</div></html> 

하지만 어떤 사람은 링크 한때를 가져 때

<div id=g> 

는 항상 표시됩니다. 링크를 끌면 div id 'g'의 내용 만 볼 수 있도록 중지하는 방법?

+1

을 그건 그렇고, 주위에 따옴표를 떠나는' g '이고,'head'와'html'의 끝 태그는 20 세기 구조이며, 이제는 더 이상 필요하지 않은 2 바이트를 절약 할 수 있습니다. 'body'에 대한 두 태그는 말할 것도 없습니다. –

답변

3

같이 div 태그 상에 onmouseout을 추가

onmouseout="document.getElementById('g').style.display='none'" 
+0

이 아름다운 답변에 대해 감사합니다. – user1126245

0
<a href="#" onmouseover="document.getElementById('g').style.display='block'" 
onmouseout="document.getElementById('g').style.display='none'"> 

을 또한, 포장 ID를 인용 부호 :

<div id='g'> 
관련 문제