$(document).ready(function(){

$(“.menu a”).hover(function() {
$(this).next(“em”).animate({opacity: “show”, top: “-75″}, “slow”);
}, function() {
$(this).next(“em”).animate({opacity: “hide”, top: “-85″}, “fast”);
});

});

Ето и примерен HTML:

• a =” “>Menu Item 1
  Lorem ipsum dolor sit amet, consectetur adipisicing elit…
• a =” “> Menu Item 2
  Lorem ipsum dolor sit amet, consectetur adipisicing elit…
• a =” “> Menu Item 3
  Lorem ipsum dolor sit amet, consectetur adipisicing elit…

2. Кликване върху част от блок

В този пример ще покажем как може да направим така, че да може да се кликва върху вътрешната част от блок.

Да Кажем, че имаме

list с class=”pane-list” и искаме да направим така,че да може да се кликва върху някой от
• елементие. Можем да приложим click функцията към “.pane-list li”; и когато кликнем върху него функцията ще намери елемент и ще пренасочи адреса на браузера към неговия href атрибут: 

  $(document).ready(function(){

  $(“.pane-list li”).click(function(){
  window.location=$(this).find(“a”).attr(“href”); return false;
  });

  });

  2. Галерия със снимки

  Първо е приложен празен към h2.
  Когато се кликне върху линк, намиращ се в

  , то тогава:

  1. Запазва се неговия href атрибут в променливата “largePath”.
  2. Запазва неговия title атрибут в променливата “largeAlt”
  3. заменя src атрибут с променливата “largePath” и заменя alt атрибута с променливата “largeAlt”
  4. поставя променливата largeAlt в съдаржанието на

  $(document).ready(function(){

  $(“h2″).append(‘‘)

  $(“.thumbs a”).click(function(){

  var largePath = $(this).attr(“href”);
  var largeAlt = $(this).attr(“title”);

  $(“#largeImg”).attr({ src: largePath, alt: largeAlt });

  $(“h2 em”).html(” (” + largeAlt + “)”); return false;
  });

  });

  3. Оформяне на различни типове линкове

  В повечето моделни браузери оформянето на линк селектора емного лесно:
  Например, за да оформим линка на .pdf файла, просто можем да използваме следното CSS правило a[href $='.pdf'] { … }, но за съжаление не се поддържа от IE6. За да избегнем този проблем можем да използваяме jquery. О как може да стане това:
  $(document).ready(function(){

  $(“a[@href$=pdf]“).addClass(“pdf”);

  $(“a[@href$=zip]“).addClass(“zip”);

  $(“a[@href$=psd]“).addClass(“psd”);

  $(“a:not([@href*=http])”).not(“[href^=#]“)
  .addClass(“external”)
  .attr({ target: “_blank” });

  });

  Първите 3 реда просто добавят css класове на елементите.

  Следващата част от скрипта ще вземе всички елементи, които нямат http или незапочват с # в техния href атрибут. Тогава ще добави addClass “external” към тези елементи.

Подобни статии:

1. Полезни Съвети при Линкбилдинг Изграждането на Връзки е важна част от процеса на SEO оптимизация на една страница. Дори може да се твърди, че...
2. 6 полезни съвета при пътуване Съвет 1: През уикендите отсядайте в хотел, който се намира в бизнес квартал, ще ви излезе по-евтино. В много градове...
3. Футболни прогнози – полезни съвети при изготвянето им Печелите ли от футболни прогнози? А искате ли да печелите? Е разбира се, кой не иска. В тази статия няма...