やきにくとくにきや

WEBサービスとイベントに夢見るエンジニアの技術メモ、チラシの裏。そして焼肉たべたい

順番にロールオーバーするナビゲーションバー

      2013/12/05

時間差で順番にロールオーバーする感じのナビゲーションバーをCSSとjQueryで書いた

f:id:kunikiya:20121116025720p:image
こんな感じの画像を用意しておいて、マウスオーバーした時や時間が来た時だけ
$('#naviMain1 a').css("background-position", "0 -58px");
ってして58px下にずらして下半分の画像を表示してやる。

最近使うようになったけど、jQuery様さまですな

貼ってみてエラーになったから知ったけど、はてなダイアリーってjsdoit貼り付けられないのね・・・

 - HTML&CSS, jQuery