onmouseover

[htmlbr]

Добрый вечер!

Скажите. а можно ли через событие onmouseover поменять бэкграунд у блока? И если да, то как прописатьв стилях чтобы он ещё и repeat был.

Пробовала, не получается

Edited June 30, 2011 by htmlbr

[psywalker]

Добрый вечер!

Скажите. а можно ли через событие onmouseover поменять бэкграунд у блока? И если да, то как прописатьв стилях чтобы он ещё и repeat был.

Пробовала, не получается

Т.е. тебе нужно, чтобы по этому событию менялся цвет, а после уведения мыши оставался изменённым?

[htmlbr]

нет, при "уведении" мыши всё назад.

[psywalker]

нет, при "уведении" мыши всё назад.

Тогда тебе нужно два события, onmouseover и onmouseout.

element.onmouseover = function(){

this.style.background = 'url(img.jpg) left top no-repeat'

}

element.onmouseout = function(){

this.style.background = ''

[htmlbr]

спасибо, Psywalker

<div id="footer" onmouseover = function(){
 this.style.background = 'url(../img/bl.jpg) repeat'
 }
 onmouseout = function(){
 this.style.background = 'url(../img/bl.png) repeat'>

а что неправильно?

Edited June 30, 2011 by htmlbr

[Softlink]

а тут hover разве не подходит?

Навели - фон изменился, убрали - все вернулось.

[htmlbr]

подходит, да) просто хотела с этим подразобраться)

[psywalker]

спасибо, Psywalker

<div id="footer" onmouseover = function(){
 this.style.background = 'url(../img/bl.jpg) repeat'
 }
 onmouseout = function(){
 this.style.background = 'url(../img/bl.png) repeat'>

а что неправильно?

Скобка в конце лишняя ">"

[htmlbr]

всмысле фигурной не хватает?

или div не надо закрывать?

Edited June 30, 2011 by htmlbr

[Softlink]

всмысле фигурной не хватает?

или div не надо закрывать?

по логике тут фигурной не хватает

[htmlbr]

я тоже так подумала)

Спасибо!

[Softlink]

только почему-то у меня эта конструкция не заработала.

А вот так вот вполне:

<div onmouseover = "this.style.backgroundImage='url(images/5.png)'"
 onmouseout = "this.style.backgroundImage='url(images/knopka.png)'">текст    
 </div>

[htmlbr]

чтобы не создавать лишнюю тему - спрошу тут. Есть ли такой скрипт, который показывает картинку только тогда, когда она полностью загрузилась и плавно её выводит?

[Softlink]

чтобы не создавать лишнюю тему - спрошу тут. Есть ли такой скрипт, который показывает картинку только тогда, когда она полностью загрузилась и плавно её выводит?

да существует поди, но я не знаю где его искать

У меня в одной галерее была предзагрузка картинок код вот:

<script type="text/javascript">
			(function($) {
				$.fn.preload = function(options) {
					var opts 	= $.extend({}, $.fn.preload.defaults, options);
					o			= $.meta ? $.extend({}, opts, this.data()) : opts;
					var c		= this.length,
						l		= 0;
					return this.each(function() {
						var $i	= $(this);
						$('<img/>').load(function(i){
							++l;
							if(l == c) o.onComplete();
						}).attr('src',$i.attr('src'));	
					});
				};
				$.fn.preload.defaults = {
					onComplete	: function(){return false;}
				};
			})(jQuery);
		</script>

Может он чем-то вам поможет. Но если честно, я даже не представляю как это работает и можно ли его прикрутить к чему-то - я не программист

[htmlbr]

я вот тоже) спасибо, попробую)

Edited June 30, 2011 by htmlbr