Movable Type 備忘録
リンクテキストをロールオーバする（scrollover.js）
- Next Page: jQueryでフォーム入力エラー時にブルブルさせてみる
- Prev Page: Lightboxのように透過レイヤー表示してみる
こんばんわ^^
会社の同僚から群馬の '旅がらす' っていうおみやげいただきました。
群馬といえば、わたしは '峠の釜めし' が大好きです。毎年軽井沢に行った帰りに必ず買って帰ります。
'旅がらす' は群馬県前橋市の名菓のようです。
包装の裏には以下のような記載がありました
伝統の風味と新しい味のミックスされたソフトな名菓「旅がらす」は特に紅茶の味とマッチしたお菓子でございます。
冷蔵庫などで冷やしてからお召し上がり頂きますと又、格別でございます。
さっそく冷蔵庫で冷やして、ハーブティといっしょにいただきました♪
とってもさっぱりとしたお菓子でした (●´∀｀●) 機会があったら是非!!
さてさて、ネットを徘徊していたらおもしろうそうな JavaScript 見つけました。
マウスカーソルをイメージの上に合わせることで別のイメージを表示させる、ロールオーバってのがよく使われたりします。これのテキスト版といったところでしょうか。
カンタンにできましたのでご紹介です (￣∇￣)/
こちらのScrollovers - A New Way of Linkingで配布されてる JavaScript を使用します。
使い方
使い方は上記サイトで詳しく説明されてますので、ムズかしいとこはなかったです。
scrollover.js の調整についてカンタンに説明します。
scrollover.js
var scrollovers_TypeName = 'scrollover'; /* リンクタグに追加する任意のタイプ名称 */var scrollovers_StartScrollLocation = 0;var scrollovers_EndScrollLocationTrim = 0;var scrollovers_ScrollSpeed = 3; /* スクロール速度大きい数字ほど速くなる */var scrollovers_ScrollDownOnMouseOver = true; /* ture/false でスクロールの向きを変更 */
以上です。
Trackback Pings(1)
- from
K´s Labo
午前10時にサーバーくんのご機嫌を伺いに、某得意先を訪問。サーバー本体にアラート...
ども、かわぐちです。
うひょっ、これいいですね。
実装も簡単そう。
早速、やってみま～す。