1
2
3
Заголовок
4
Краткое описание.
5
6
7
1
#banner{
2
width: 840px;
3
height: 350px;
4
margin: 40px auto;
5
overflow: hidden;
6
position: relative;
7
text-align: center;
8
font-family: 'PT Sans', sans-serif;
9
z-index: 20;
10
}
11
#banner img{
12
position: absolute;
13
top: 0;
14
left: 0;
15
z-index: 5;
16
}
17
#intro{
18
position: absolute;
19
height: 100%;
20
padding: 100px 0;
21
z-index: 10;
22
text-align: center;
23
-moz-box-shadow: inset 0 0 30px #333333;
24
-webkit-box-shadow: inset 0 0 30px #333333;
25
box-shadow: inset 0 0 30px #333333;
26
}
27
#intro h1{
28
text-align: center;
29
width: 840px;
30
margin: auto;
31
font-family: 'Rokkitt', serif;
32
text-transform: uppercase;
33
color: #333333;
34
font-size: 28px;
35
}
1
jQuery("#banner").mousemove(
2
function(e){
3
var offset = jQuery(this).offset();
4
var xPos = e.pageX - offset.left;
5
var yPos = e.pageY - offset.top;
6
var mouseXPercent = Math.round(xPos / jQuery(this).width() * 100);
7
var mouseYPercent = Math.round(yPos / jQuery(this).height() * 100);
8
jQuery(this).children('img').each(
9
function(){
10
var diffX = jQuery('#Parallax').width() - jQuery(this).width();
11
var diffY = jQuery('#Parallax').height() - jQuery(this).height();
12
var myX = diffX * (mouseXPercent / 1500);
13
var myY = diffY * (mouseYPercent / 1080);
14
var cssObj = {
15
'left': myX + 'px',
16
'top': myY + 'px'
17
}
18
jQuery(this).animate({left: myX, top: myY},{duration: 50, queue: false, easing: 'linear'});
19
}
20
);
21
}
22
);
Красивый и привлекательный вид интернет магазина, для продажи одного товара, в данном случае - это,чит для "Pubg
Оригинальный скрипт рекламного сервиса витрин ссылок и баннеров с функционалом на подобии Linkslot.ru в новом, более
« Апрель 2024 » | ||||||
---|---|---|---|---|---|---|
Пн | Вт | Ср | Чт | Пт | Сб | Вс |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Комментарии