DREAMCATCHER: Мы ловим ваши сны.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » DREAMCATCHER: Мы ловим ваши сны. » - Скрипты javascript; » Поиск скриптов.


Поиск скриптов.

Сообщений 1 страница 6 из 6

1

Не знаете где найти нужный скрипт? Мы поможем.

0

2

скажите пожалуйста код вот этой таблички в обьяве:
http://bleach-z.ru/

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

0

3

Violet
HTML-верх:

Код:
<style>
.clear {
	clear: both;
}

#page-wrap {
	width: 760px;
	background: white;
	margin: 20px auto;
	padding: 20px;
}

.button {
	float: left;
	margin: 10px;
}

#home {
	display: block;
	padding: 30px;
}
#home-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}

#about {
	display: none;
	padding: 30px;
}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}

#contact {
	display: none;
	padding: 30px;
}
#contact-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}
</style>

HTML-низ:

Код:
<script type="text/javascript">
    $(function(){
        	$("#about-button").css({
        opacity: 0.3
    	});
    	$("#contact-button").css({
        opacity: 0.3
    	});
                $("#page-wrap div.button").click(function(){
            	            	$clicked = $(this);
            	                       	if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                                $clicked.animate({
                	opacity: 1,
                	borderWidth: 5
                }, 600 );
                var idToLoad = $clicked.attr("id").split('-');
                $("#content").find("div:visible").fadeOut("fast", function(){
                	$(this).parent().find("#"+idToLoad[0]).fadeIn();
                })
            	}
            	$clicked.siblings(".button").animate({
                opacity: 0.5,
                borderWidth: 1
            	}, 600 );
            });
    });
	</script>

Объявление:

Код:
<div id="page-wrap">

<div id="home-button" class="button">

<img src="http://forumd.ru/uploads/0007/e3/f7/61312-5.png" alt="home" class="button" />

</div>

<div id="about-button" class="button">

<img src="http://forumd.ru/uploads/0007/e3/f7/61312-3.png" alt="about" class="button">

</div>

<div id="contact-button" class="button">

<img src="http://forumd.ru/uploads/0007/e3/f7/61312-4.png" alt="contact" class="button">

</div>

<div class="clear"></div>

<div id="content">

<div id="home">

<p>Содержание для пункта home</p>

</div>

<div id="about">

<p>Содержание для пункта about</p>

</div>

<div id="contact">

<p>Это содержание для пункта contact</p>

</div>

</div>

</div>

(с) FORUMD

+1

4

`Nancy Beatlejuice
Иппп) спасибочки  :love:

0

5

Violet
Да не за что, пользуйся на здоровье!

0

6

хочу попросить помощи в нахождение скрипта навигации, как на ниже представленном форуме:
http://rem.rusff.ru/

Отредактировано longressa; (27.07.2012 20:00:36)

0


Вы здесь » DREAMCATCHER: Мы ловим ваши сны. » - Скрипты javascript; » Поиск скриптов.


Рейтинг форумов | Создать форум бесплатно © 2007–2019 «QuadroSystems» LLC