2011-08-01から1ヶ月間の記事一覧

margin-bottomを用いボックスの高さを揃えたい

「class名"netKakaku"を子要素に持たない場合、spanクラス名priceにnoNetKakakuというクラスを付加する」 (クラス名noNetKakakuをcssで一行分マージンを指定) という、わけあってちょっと複雑な方法で実現しました。 本当に自分参照用のメモなので、詳しく知…

margin-bottomを用いボックスの高さを揃えたい

「class名"netKakaku"を子要素に持たない場合、spanクラス名priceにnoNetKakakuというクラスを付加する」(クラス名noNetKakakuをcssで一行分マージンを指定)という、わけあってちょっと複雑な方法で実現しました。本当に自分参照用のメモなので、詳しく知り…

Lazy Load Plugin for jQueryでスクロールした際にフワッと画像が浮かび上がるような効果を得る

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src=jquery.lazyload.mini.js></script> <script type="text/javascript">//</head></html>

Lazy Load Plugin for jQueryでスクロールした際にフワッと画像が浮かび上がるような効果を得る

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src=jquery.lazyload.mini.js></script> <script type="text/javascript">//</head></html>

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")); }…

HTML5によるステップシーケンサー、「Pattern Sketch」

音楽クリエイターからWebクリエイターに転身あるいは同時進行中の人、私も含め多く散見される。こういう人たちはexpress(表現)+ communication(伝達)が重要なのであって、その二つを実現する手段=触媒として、たまたま音で行うことを選んだというだけの…