Learn how to use jQuery at the Blog

Amilo car « visit

  • Added 9 months ago
  • 130 Lines of Code shown
  • 5 Links of Interest
http://amilocar.cz
This is my Source Code and I don't want to show it here
View Source Code only (as overlay)
// That code snippet belongs to Amilo car - http://amilocar.cz

$(document).ready(function() {

  // News on HP
  if($('.news .in li').length>5) {
      $('.news .in').before('<p id="prev" class="ir arrow"><a href="#">&lt; Předchozí<span></span></a></p>');
      $('.news .in').after('<p id="next" class="ir arrow"><a href="#">&gt; Následující<span></span></a></p>');
  };
  $('.news .in ul').css("width",$('.news .in li').length*190-20);
  $('.news .in ul li').removeClass('last');
  $('.news .in ul li:last').addClass('last');
  $('.news .in').serialScroll({items:'li',prev:'#prev',next:'#next',axis:'x',duration:500,start: 0,force:true,lazy:true,step:1,jump:false,interval:false,exclude:4});

  // Info about car on HP
  $('.car-description').before('<a href="#" id="open"><img src="./images/plus.gif" width="40" height="40" alt="Zobrazit informace o autÄ›" /></a>');
  $('.car-description #close').html('<a href="#"><img src="./images/minus.gif" width="30" height="7" alt="Skrýt informace o autě" /></a>');
  
  $('.tip .inner').css("display","none");
  if(!jQuery.browser.msie&&jQuery.browser.version!='6.0') {
      $('.car-description').css("display","none");
      $('#open').mouseover(function () {
          $('.car-description').show("slow");
      });
      $('#open').click(function () {
          $('.car-description').show("slow");
          return false;
      });

      $('#close').click(function () {
          $('.car-description').hide("slow");
          $('#open').unbind('mouseover');
          setTimeout("navazat()", 2000);
          return false;
      });

  var zabalovani = true;
  $('.tip').hover(
      function () {
        if(zabalovani) {
        zabalovani = false;
        $(this).children('.inner').show("slow", function() {
          zabalovani = true;
        });
      };
  },
  function () {
      $(this).children('.inner').hide("slow");
  });
      
  } else {
      $('.car-description').css("display","none");
      $('#open').mouseover(function () {
          $('.car-description').css("display","block");
          return false;
      });
      $('#open').click(function () {
          $('.car-description').css("display","block");
          return false;
      });

      $('#close').click(function () {
          $('.car-description').css("display","none");
          return false;
      });
      $('.tip').hover(
      function () {
            $(this).children('.inner').css("display","block");
      },
      function () {
            $(this).children('.inner').css("display","none");
      });
  };

  // Submenu
  $('#header li').hover(
    function () {
      $(this).children('a.ir').addClass("active");
      $(this).children('.submenu').css("display","block");
    },
    function () {
      $(this).children('a.ir').removeClass("active");
      $(this).children('.submenu').css("display","none");
    }
  );

  // Select next to submenu in header
  $('.selectbox').css("display","none");
  $('.select').hover(
    function () {
      $('.actual').addClass('actual-h');
      $(this).children('.selectbox').css("display","block");
    },
    function () {
      $('.actual').removeClass('actual-h');
      $(this).children('.selectbox').css("display","none");
    }
  );
  
  // BOOKMARKS on all pages
  $(".bookm").addClass("n");
  $(".bookm:first").removeClass("n");
  $(".bookmarks li a").click(function () {
      $(".bookmarks li a").removeClass("active");
      $(".bookm").addClass("n");
      $($(this).attr("href")).removeClass("n");
      $(this).addClass("active");
      return false;
  });
  
  $(".changing a:first").addClass("act");
  $(".changing a").click(function () {
      $(".changing a").removeClass("act");
      $(this).addClass("act");
      $("#imgslide").attr("src",$(this).attr("href"));
      $("#imgslide").attr("alt",$(this).attr("title"));
      return false;
  });
  
  
  
  

});

function navazat() {

  $('#open').mouseover(function () {
      $('.car-description').show("slow");
  });

};