|
Добрый вечер!
Решил с помощью jQuery сделать менюшку для сайта, но т.к. всего второй раз имею дело с jQuery, скрипт получается громоздкий.
$(document).ready(function(){
$("header h1").animate({opacity: 1}, 1000);
});
$(document).ready(function() {
$('#logo').delay(1000).animate({opacity: 1}, 1000, function() {});
});
$(document).ready(function(){
$("#logo").click(function(){
$("#logo").animate({marginLeft:"76%", marginTop:"-15%"},1000);
$("header").animate({width:"75%", marginRight:"20%"},1000);});});
$(document).ready(function(){
$("#btn01").mouseover(function(){
$("#expo").stop().animate({opacity: 1, width:"250px", height:"250px", marginTop:'10%', marginLeft:'-20%'}, 1000);
$("#btn01").mouseover(function(){
$("#btn01").stop().animate({opacity: 1, height:"250px"}, 1000);});
});
$("#btn01").mouseout(function(){
$("#expo").stop().animate({opacity: 0, width:"50px", height:"50px"}, 1000);
$("#btn01").mouseout(function(){
$("#btn01").stop().animate({opacity: 1, height:"50px"}, 1000);});
});
$("#btn02").mouseover(function(){
$("#dres").stop().animate({opacity: 1, width:"250px", height:"250px"}, 1000);});
$("#btn02").mouseout(function(){
$("#dres").stop().animate({opacity: 0, width:"50px", height:"50px"}, 1000);});});
Т.е. при наведении на к.-л. кнопки в меню, появляется image +подменю.
|