2012-04-07 6 views
0

Посмотрите на этот скрипт:OnMouseOver Javascript

<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-го века, предназначенные для сохранения пары байтов, которые нам больше не нужны сегодня. Не говоря уже об обоих тегах для 'body'. –

ответ

3

Добавить onmouseout на сНу теге так:

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

поблагодарить u за этот прекрасный ответ – user1126245

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

Кроме того, завернуть идентификатор в кавычки:

<div id='g'>