|
|
|
|
|
Всем привет!
Есть страница, на ней есть div с текстом.
Нужно при событии onMouseMove (страница загрузилась - человек двинул мышкой) - чтобы на страницу добавился еще один div, который перекроет нужный нам div с текстом.
Вот страница:
| Код: |
<html>
<body>
<div style="position: absolute; top: 0px; left: 0px;background-color:red;width:1000px;height:200px;">
тут текст
<div style="position: absolute; top: 0px; left: 0px;padding-top:0px;background-color:gray;width:1000px;height:200px;"><img src="banner.jpg" width=1000 height=200></div>
</div>
</body>
</html>
|
Если я правильно понимаю, нужно что-то вроде:
<body onMouseOver="javascript:ADD_TO_PAGE:('<div style="position: absolute; top: 0px; left: 0px;padding-top:0px;background-color:gray;width:1000px;height:200px;"><img src="banner.jpg" width=1000 height=200></div>');'">
, чтобы при загрузке страницы она сам добавлял код на страницу.
Подскажите, как лучше сделать.
Заранее спасибо!  |
|
|
|
|
|
Делаю так:
| Код: |
<html>
<head>
<script>
function showmenu1(){
popupmenu.innerHTML='<div style="position: relative; top: 200px; left: 0px;padding-top:0px;background-color:gray;width:280px;height:100px;"><img src="banner.jpg" width=280 height=100></div>';
}
</script>
</head>
<body onMouseMove="showmenu1();">
<div id=popupmenu style="background-color:green;width:300px;height:280px;margin:200px 150px 0 0;">
123</div>
</body>
</html>
|
При любом движении по странице - в div't popup появляется картинка поверх него.
Но сам текст из div'а исчезает (заменяется на новый).
Как сделать, чтобы и старый текст остался, и картинка наложилась поверх?
Спасибо! |
|
|
|
|
|
| Код: |
function showmenu1(){
popupmenu.innerHTML+='<div style="position: relative; top: 200px; left: 0px;padding-top:0px;background-color:gray;width:280px;height:100px;"><img src="banner.jpg" width=280 height=100></div>';
showmenu1 = function(){};
}
|
|
|
|
|
|
|
Codd, большое спасибо! 
Отлично работает!  |
|
|
|
|
|
|
