X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Осветление изображения при наведении
kombat003
kombat003
Topic Starter сообщение 31.7.2010, 13:34; Ответить: kombat003
Сообщение #1


Здравствуйте!
У меня на сайте есть код:
<script language="JavaScript" src="/jquery.js"></script>
<script>
jQuery(function(){
$("#banners img").hover(function(){
$(this).stop().animate({opacity:'1.0'})},
function(){$(this).stop().animate({opacity:'.3'})}
);
});
</script>
<style>
#banners img{opacity:.3;filter:alpha(opacity=30)}
</style>
Который позволяет осветлять изображения, вставленный в тег <div id="banners"> а при наведении на них они становятся нормальными.
Вопрос: как мне сделать так, чтобы изображение сначала было нормальным, но при наведении осветлялось?
Желательно, чтобы вы просто изменили данный скрипт, так как он мне нравится больше других подобных!

P.S. Извините, если написал не в тот раздел, так как здесь и JS и CSS, все в одном!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SOKOJI
SOKOJI
сообщение 31.7.2010, 13:40; Ответить: SOKOJI
Сообщение #2


<script language="JavaScript" src="/jquery.js"></script>
<script>
jQuery(function(){
$("#banners img").hover(function(){
$(this).stop().animate({opacity:'.3'})},
function(){$(this).stop().animate({opacity:'1.0'})}
);
});
</script>
<style>
#banners img{}
</style>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kombat003
kombat003
Topic Starter сообщение 31.7.2010, 13:46; Ответить: kombat003
Сообщение #3


(SOKOJI @ 31.7.2010, 16:40) *
<script language="JavaScript" src="/jquery.js"></script>
<script>
jQuery(function(){
$("#banners img").hover(function(){
$(this).stop().animate({opacity:'.3'})},
function(){$(this).stop().animate({opacity:'1.0'})}
);
});
</script>
<style>
#banners img{}
</style>
Спасибо большое! Вы мне опять очень помогли!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kombat003
kombat003
Topic Starter сообщение 31.7.2010, 13:49; Ответить: kombat003
Сообщение #4


Еще вопрос: сейчас у меня изображение осветсяется при наведении на него. как мне сделать чтобы изображение осветсялось при наведении на него или при наведении на определенную ссылку (она находится под изображением)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 31.7.2010, 14:01; Ответить: Letmetouchyou
Сообщение #5


<script type="text/javascript" src="http://hooolix.com/js/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){

$('img#banners, a.other').mouseover(function(){
$('img#banners').animate({
'opacity' : '0.3'
});
}).mouseout(function(){
$('img#banners').animate({
'opacity' : '1'
});
});
});
</script>
<img src='http://www.html.by/images/top_html.jpg' id='banners'/>
<a href='#' class='other'>asdasd</a>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kombat003
kombat003
Topic Starter сообщение 31.7.2010, 14:05; Ответить: kombat003
Сообщение #6


(Letmetouchyou @ 31.7.2010, 17:01) *
<script type="text/javascript" src="http://hooolix.com/js/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){

$('img#banners, a.other').mouseover(function(){
$('img#banners').animate({
'opacity' : '0.3'
});
}).mouseout(function(){
$('img#banners').animate({
'opacity' : '1'
});
});
});
</script>
<img src='http://www.html.by/images/top_html.jpg' id='banners'/>
<a href='#' class='other'>asdasd</a>
Спасибо! Проверю в течении дня!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kombat003
kombat003
Topic Starter сообщение 31.7.2010, 20:00; Ответить: kombat003
Сообщение #7


Весьма примитивный вопрос по этой же теме: как сделать так, чтобы при наведении на ссылку она окрашивалась в другой цвет?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 31.7.2010, 20:02; Ответить: Letmetouchyou
Сообщение #8


$('a').mouseover(function(){
        $(this).css('color','#336699');
});
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kombat003
kombat003
Topic Starter сообщение 31.7.2010, 20:22; Ответить: kombat003
Сообщение #9


(Letmetouchyou @ 31.7.2010, 23:02) *
$('a').mouseover(function(){
        $(this).css('color','#336699');
});

Куда его втыкать? В тот код, который выше? Если да то посмотрите, опять не работает - http://igame.firefiles.ru/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 31.7.2010, 20:28; Ответить: Letmetouchyou
Сообщение #10


<script type="text/javascript" src="http://hooolix.com/js/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
var old;
$('img#banners, a.other').mouseover(function(){
$('img#banners').animate({
'opacity' : '0.3'
});
old = $('a.other').css('color');

$('a.other').css('color','#336699');

}).mouseout(function(){
$('img#banners').animate({
'opacity' : '1'
});
$('a.other').css('color',old);
});
});
</script>
<img src='http://www.html.by/images/top_html.jpg' id='banners'/>
<a href='#' class='other'>asdasd</a>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78307 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1648 10.7.2020, 15:18
автор: -bhtml-


 



RSS Текстовая версия Сейчас: 28.3.2024, 14:03
Дизайн