У нас можно разместить свои статьи бесплатно!

Заказать раскрутку сайта

Поиск

Форма входа

Добавить стьтью

На наш сайт любой пользователь может добавить свою статью или новость. Это может быть рассказ или реклама вашей компании. Главное требование - она должна быть оригинальной а не скопированной!
Добавить статью
Добавить новость
Добавить свое объявление
Добавить сайт
Все добавленные материалы проходят модерацию!

Календарь

«  Март 2014  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31

Архив записей

Главная » 2014 » Март » 12 » 111
15:46
111

Слайдер для сайтов ucoz



#content {
width:600px;
margin:0px;
}
.slider {
float:left;
width:600px;
height:350px;
position:relative;
padding-bottom:26px;
background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bottom_shadow.png) no-repeat bottom

center;
}
.sliderContent {
float:left;
width:600px;
height:350px;
clear:both;
position:relative;
overflow:hidden;
}
.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(http://delaisait.ucoz.ru/img/1/1/dsslider/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}
.prev {
background-position:0 0;
left:15px;
}
.prev:hover {
background-position:0 -44px;
}
.next {
right:15px;
background-position:-44px 0;
}
.next:hover {
background-position:-44px -44px;
}
.sliderContent .item {
position:absolute;
width:600px;
height:350px;
background:#fff;
}
.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}
.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position:0 -11px;
}
.sliderContent a {
outline:none;
}
</style>
</head>
<body>
<div class="slider dsslider">
<div class="sliderContent">
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/1.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/2.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/3.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/4.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/5.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/6.jpg" alt="" />
</div>
</div>
</div>
<script type="text/javascript" src="http://s36.ucoz.net/src/jquery-1.7.2.js"></script>
<script src="http://delaisait.ucoz.ru/js/jQuery/mobilyslider.js" type="text/javascript"></script>
<script type="text/javascript">
$('.dsslider').mobilyslider({
transition: 'fade',
animationSpeed: 800,
autoplay: true,
autoplaySpeed: 3000,
pauseOnHover: true,
bullets: true,
arrowsHide: true
});
</script>

Просмотров: 104 | Добавил: zorro | Теги: 111 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]