Выполнение двух функций параллельно, одинаковых в разных блоках div

Driev · July 23, 2014

Нужно что бы фотки и в том и другом блоках выполнялись, а так в одном стоит, а в другом выполняется, подскажите, как сделать?

<!DOCTYPE html>

<html>

<head>

<title>Главная</title>

<style>

#block1, #block2, #block3{

position: relative;

}

#container {

width: 960px;

margin: 0 auto;

height:900px;

}

#block1{

width: 50%;

float:left;

height: 99%;

background:red;

}

#block2{

width: 50%;

float:left;

height: 99%;

background:green;

}

#block3{

float:left;

top: -690px;

background:blue;

border: 1px solid #7a7b7e;

width: 160px;

height:160px;

border-radius: 80px;

left: 400px;

}

body {

background: #e1dfb9;

}

#block1 { z-index: 1; }

#block2 { z-index: 1; }

#block3 { z-index: 2; }

</style>

div#rotator {position:relative; height:150px; ;margin-top: -16px;}

div#rotator ul li {float:left; position:absolute; list-style: none;}

</style>

function theRotator() {

$('div#rotator ul li').css({opacity: 0.0});

$('div#rotator ul li:first').css({opacity: 1.0});

setInterval('rotate()',5000);

}

function rotate() {

var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first'));

var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));

next.css({opacity: 0.0})

.addClass('show')

.animate({opacity: 1.0}, 1000);

current.animate({opacity: 0.0}, 1000)

.removeClass('show');

};

$(document).ready(function() {

theRotator();

});

</script>

div#rotatr {position:relative; height:150px; ;margin-top: -16px;}

div#rotatr ul li {float:left; position:absolute; list-style: none;}

</style>

function theRotatr() {

$('div#rotatr ul li').css({opacity: 0.0});

$('div#rotatr ul li:first').css({opacity: 1.0});

setInterval('rotate()',5000);

}

function rotate() {

var current = ($('div#rotatr ul li.shw')? $('div#rotatr ul li.shw') : $('div#rotatr ul li:first'));

var next = ((current.next().length) ? ((current.next().hasClass('shw')) ? $('div#rotatr ul li:first') :current.next()) : $('div#rotatr ul li:first'));

next.css({opacity: 0.0})

.addClass('shw')

.animate({opacity: 1.0}, 1000);

current.animate({opacity: 0.0}, 1000)

.removeClass('shw');

};

$(document).ready(function() {

theRotatr();

});

</script>

</head>

<body>

<ul>

</ul>

</div>

<li><a href="#"><span>Кабинеты</span></a>

<ul>

<li><a href="#"><span>1 Кабинет</span></a></li>

<li><a href="#"><span>2 Кабинет</span></a></li>

<li><a href="#"><span>3 Кабинет</span></a></li>

<li><a href="#"><span>4 Кабинет</span></a></li>

<li><a href="#"><span>5 Кабинет</span></a></li>

<li><a href="#"><span>6 Кабинет</span></a></li>

<li><a href="#"><span>7 Кабинет</span></a></li>

<li><a href="#"><span>8 Кабинет</span></a></li>

<li><a href="#"><span>9 Кабинет</span></a></li>

</ul>

</li>

</ul>

</div>

<ul>

</ul>

</div>

<li><a href="#"><span>Кабинеты</span></a>

<ul>

<li><a href="#"><span>1 Кабинет</span></a></li>

<li><a href="#"><span>2 Кабинет</span></a></li>

<li><a href="#"><span>3 Кабинет</span></a></li>

<li><a href="#"><span>4 Кабинет</span></a></li>

<li><a href="#"><span>5 Кабинет</span></a></li>

<li><a href="#"><span>6 Кабинет</span></a></li>

<li><a href="#"><span>7 Кабинет</span></a></li>

<li><a href="#"><span>8 Кабинет</span></a></li>

<li><a href="#"><span>9 Кабинет</span></a></li>

</ul>

</li>

</ul>

</div>

</div>

</body>

</html>

klierik · July 23, 2014

прочитай, пожалуйста, как правильно задать вопрос по ссылке в подписи.

Sign In

Выполнение двух функций параллельно, одинаковых в разных блоках div

Question

Driev

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information