2011-08-16から1日間の記事一覧

jQueryで画像に張ったリンクの飛び先を変更する

例えば、このようなhtmlがあります。 <p> <a href="http://www.google.co.jp/"> <img src="banner_a.jpg" /> </a> </p> 上記htmlでは、「banner_a.jpg」という画像をクリックすると、Google日本のサイト(http://www.google.co.jp)に飛びます。 こういう記述がサイト内に複数個所あり、すでにハードコーディング済みです。 しかし、後に…

rollover

$(function(){ $("img.rollover").mouseover(function(){ $(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2")); }).mouseout(function(){ $(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2")); }…

footerのaタグの親要素にリンクを張る

$(function(){ $('ul.footer li a').each(function(){ var Href = $(this).attr('href'); $(this).parent().click(function() { window.open(Href,'_self'); return false; }); }); });

jQueryで画像に張ったリンクの飛び先を変更する

例えば、このようなhtmlがあります。 <p> <a href="http://www.google.co.jp/"> <img src="banner_a.jpg" /> </a> </p> 上記htmlでは、「banner_a.jpg」という画像をクリックすると、Google日本のサイト(http://www.google.co.jp)に飛びます。こういう記述がサイト内に複数個所あり、すでにハードコーディング済みです。しかし、後にな…

rollover

$(function(){ $("img.rollover").mouseover(function(){ $(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2")); }).mouseout(function(){ $(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2")); }…