Форум

nillarium · #1 (**permalink**) 08.12.2010, 07:39

.....

<link rel="stylesheet" type="text/css" href="images/index.css">

<style media="screen" type="text/css">#flash {visibility:visible}</style></head><body>
<div class="main index">
<div style="height: 750px;" class="anim">
<script type="text/javascript">
function over(ref) {
if (browser_ok == 'true') {
document.images[img].src = "images/izv.jpg";
}
}
</script>
<div class="slide">
</div>
</div>
<div class="menu">
<div class="mainmenu">
<ul class="lang">
<li class="ext">&nbsp;</li>
<li class="" >
<a href="http://eng.ryzhuk.com.ua/" onmousover="javascript: over();">PORTFOLIO</a>

</li>

.....
Поидее при наведении на ссылку должно появлятся картнка, но не появляется... помогите прошу... уже битый час сижу, разбираю.... не получается

Kolyaj · #2 (**permalink**) 08.12.2010, 08:29

У вас нигде не написано, что она должна появляться.

monolithed · #3 (**permalink**) 08.12.2010, 09:09

Сообщение от nillarium

Поидее при наведении на ссылку должно появлятся картнка, но не появляется... помогите прошу... уже битый час сижу, разбираю.... не получается

Что тут думать-то?:

<script type="text/javascript">
window.onload = function(){
    var img = document.getElementsByTagName('img')[0],
        a = document.getElementsByTagName('a')[0],
        array = ['mouseover','mouseout'],
        i = array.length;
    while(i--){
        a['on'+array[i]] = function(){
            img.style.display = img.style.display == 'none' ? '' : 'none';
            return false;
        };   
    }
};
</script>

<a href="#" style="display: block;">hi there!</a>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" style="display: none;" alt="" />

demoniqus · #4 (**permalink**) 08.12.2010, 10:02

Во-первых в данном коде событие мыши записано с ошибкой. Во-вторых А где тег img, куда будет выводиться изображение? Можно вот так

<link rel="stylesheet" type="text/css" href="images/index.css">
 
<style media="screen" type="text/css">#flash {visibility:visible}</style></head><body>
<div class="main index">
<div style="height: 750px;" class="anim">
<script type="text/javascript">
function over() {

document.getElementById('AtoIMG').innerHTML ='<img src="img/noimage.png" border=0 />';

}
</script>
<div class="slide">
</div>
</div>
<div class="menu">
<div class="mainmenu">
<ul class="lang">
<li class="ext">&nbsp;</li>
<li class="" >
<a href="http://eng.ryzhuk.com.ua/" onmouseover="over();"  id="AtoIMG">PORTFOLIO</a>
</li>

также не уверен, что в событиях стоит писать "javascript:" - они и так настроены обрабатывать именно скрипт. А вот отменять переход по ссылке надо действительно с использованием "javascript:". Например

<a href="javascript: viod(0)" onClick="my_func()">my link</a>

В этом случае ссылка никуда не переведет и не перезагрузит страницу, а выполнится лишь функция my_func()

nillarium · #5 (**permalink**) 08.12.2010, 11:54

Спасибо , помогло

rzhsasha · #6 (**permalink**) 08.12.2010, 20:48

Форум

Справочник

Discord чат

Курсы javascript