over mouse - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - over mouse (http://forum.oszone.net/showthread.php?t=43786)

Denis Shutka

14-01-2005 02:25 288409

over mouse

Подскажите как мне сделать так:
есть картинка news.gif (www.гдето-там.ru/img/news.gif) я хочу чтоб при наведении мышки показывалася вместо этой news.gif, эта картинка news_over.
Вобщем хочеться меню так сделать...
как это сделать и если можно то по-подробней!
ОГРОМНОЕ СПАСИБО!

slaine

15-01-2005 17:36 288795

Я непонял, чтоб при наведениии мыши менялась одна картинка на другую, так?

Denis Shutka

16-01-2005 02:52 288925

ТАк точно! Тоесть надпись меню сначала тёмная пользователь наводит на картинку и тут появляеться яркая. (другая)
А можно так чтоб грузился 1 гиф он был на верновй позиции в притемнёном состоянии когда ктото наведёт то гиф начинает переходить на второй кадр где надпись осветлена.....хотя думаю это сложновато...

slaine

16-01-2005 05:32 288946

Посмотри это.

<html>
<head>
<title></title>
<style>
.opac {left: 200; filter: alpha(opacity=24); position: absolute}
</style>
<SCRIPT language = JavaScript>
var z = 24;
var x = 6;
function aaa(s){
if (s==1) up=1
if (up==1){z +=x, document.getElementById("zx").filters.alpha.opacity=z
if (z>=100) {z=100, clearTimeout(w)}};
if (s==0) {up=0}
if (up==0){z -=x, document.getElementById("zx").filters.alpha.opacity=z
if (z<=30) {z=30, clearTimeout(w)}};

w=setTimeout ("aaa()")
}
</SCRIPT>
</head>
<body>
<span class=opac id="zx" onmouseover=aaa(1) onMouseOut=aaa(0)>
<img src="img.gif">
</span>
</body>
</html>

Ой, при таком варианте процессор загружается на 100%,
Есть ещё и другой способ, напишу поже.

Denis Shutka

17-01-2005 01:24 289186

нет мне главное самый минимальных груз!!

slaine

18-01-2005 16:59 289754

Вот так будет по лучше.
Мне кажется использовать такие елементы на страницах дурной стиль.
Проще будет использовать флешку или гиф.

<SCRIPT language = JavaScript>
var z = 24;
var x = 6;
function aaa(s){
if (s==1) up=1
if (up==1){z +=x, document.getElementById("zx").filters.alpha.opacity=z
if (z>=100) {z=100, clearTimeout(w), up=2}};

if (s==0) {up=0}
if (up==0){z -=x, document.getElementById("zx").filters.alpha.opacity=z
if (z<=30) {z=30, clearTimeout(w), up=2}};

w=setTimeout ("aaa()", 40)
}
</SCRIPT>

Denis Shutka

19-01-2005 01:47 289879

Дак а как гиф то используешь если надо чтоб при наведени переходил а не просто моргал...да флеш отличная идея но есль люди у которых он не открываеться.....

Время: 05:45.