Using jQuery for Background Image Animations
After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm n
JavaScriptでロールオーバー - 徒書
考えたこと 画像ごとに無名関数を定義してイベントハンドラとして登録するのは手間がかかりそう。 mouseover/mouseoutのたびにreplaceするのも手間がかかりそう。 イベントハンドラ登録の方法は揃えたい。 _on画像を先読みしておきたい。 で自分でも書いてみた (function() { if (!document.getElementsByTagName) return; var addEvent, switchImage, init; addEvent = function(obj, type, func) { if (obj.addEventListener) { obj.addEventListener(type, func, false); } else if (obj.attachEvent) { obj.attachEvent('on' + type, func
ソースがシンプルなJSによるロールオーバー｜CSS HappyLife
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です） さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
Pure CSS Image Rollover | The Montoya Herald
A Single Article Read it, comment, and share it with your friends This is a pure CSS image rollover that works for image tags. Remember how you used to do them with javascript? Onmouseover() and all that jazz? You can stop now. I was working on a redesign, and being that I’m partial to using image tags for navigation rather than crazy new-fangled image replacement techniques (pharner and etc), I w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hoverを使ったあれやこれ by abon
http://www.thevisualprocess.com/dev/rollover/
