Не получается совместить 2 скрипта jquery. По отдельности работают нормально, но вместе не получается.
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>SI</title>
<script src="js/jquery.js"></script>
<script src="js/jquery.plaxmove.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"> $j = jQuery.noConflict();</script>
</head>
<br><br>
<body>
<style>
html,body{height:100%;min-height:100%;overflow:hidden;background: #000000 url(header2.png) no-repeat center top;;}
div{position:absolute}
.layer1{background:url(layer1.png);width:1347px;height:542px;top:0px;left:0px}
.layer2{background:url(layer2.png);width:1207px;height:523px;top:0px;left:0px}
.layer3{background:url(layer3.png);width:1266px;height:503px;top:0px;left:0px}
#button {
position: fixed;
top: -20px;
left: -268px;
width: 346px;
height: 950px;
text-align: center;
border-radius: 100px 5px 0px 0;
background-repeat: no-repeat;
background-position: center;
opacity: 0.85; /* потом проверить! */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
#s_panel {
position: left;
top: 0px;
left: -150px;
width: 0px;
height: 0px;
padding: 10px 0 0 0;
}
</style>
<div class="layer1" style="top: 13px; left: 48.225px; "></div>
<div class="layer2" style="top: 25.05px; left: 94.45px; "></div>
<div class="layer3" style="top: 36.074999999999996px; left: 138.6px; "></div>
<div id="button">
<div id="s_panel">
<a href="">
</a>
<img src="triang.png" usemap="box">
<map name="box">
<area shape="poly" coords="5,160, 105,160, 55,247" href="http://google.ru/">
<area shape="poly" coords="60,250, 160,250, 110,337" href="http://google.ru/">
<area shape="poly" coords="5,340, 105,340, 55,427" href="http://google.ru/">
<area shape="poly" coords="110,340, 210,340, 163,427" href="http://google.ru/">
</map>
</div>
<script type="text/javascript">
$j(function(){
$j('.layer1').plaxmove({ratioH:0.05,ratioV:0.05})
$j('.layer2').plaxmove({ratioH:0.1,ratioV:0.1})
$j('.layer3').plaxmove({ratioH:0.15,ratioV:0.15})
});
</script>
<script type="text/javascript">
google.load("jquery", "1.4.3");
google.setOnLoadCallback(function() {
$('#button').hover(function(){
$("#s_panel, #button").animate({left: "0px"},{queue:false,duration:500});
$("#button").animate({left: "0px"},{queue:false,duration:500});
},function(){
$("#s_panel").animate({left: "-150px"},{queue:false,duration:500});
$("#button").animate({left: "-300px"},{queue:false,duration:500});
});
});
</script>
</body></html>
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.