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

Поделиться116.04.2012 19:42:45

Автор: The Master
василиск
Зарегистрирован: 11.03.2012
Приглашений: 0
Сообщений: 89
Уважение: [+2/-0]
Позитив: [+1/-0]
Пол: Женский
Возраст: 27 [1997-04-02]
Провел на форуме:
10 часов 58 минут
Последний визит:
04.01.2014 21:04:41

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

0

Цитировать Сообщение 1

Поделиться227.07.2012 13:19:05

Автор: Violet
Участник
Зарегистрирован: 25.07.2012
Приглашений: 0
Сообщений: 31
Уважение: [+0/-0]
Позитив: [+3/-0]
Провел на форуме:
5 часов 58 минут
Последний визит:
08.06.2015 22:02:34

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

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

0

Цитировать Сообщение 2

Поделиться327.07.2012 14:05:08

Автор: `Nancy Beatlejuice
Администратор
Зарегистрирован: 11.03.2012
Приглашений: 0
Сообщений: 644
Уважение: [+16/-0]
Позитив: [+24/-0]
Провел на форуме:
2 дня 16 часов
Последний визит:
16.04.2014 21:58:27

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="https://forumupload.ru/uploads/0007/e3/f7/61312-5.png" alt="home" class="button" />

</div>

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

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

</div>

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

<img src="https://forumupload.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