ちらりと見せるカラクリ

秋です

朝の通勤電車に高校生がどっと入ってきました。夏休みおわったんですね。日に焼けて真っ黒になった高校生を見ながら、秋になったなとしみじみ感じました。

スポーツの秋、食欲の秋、などなどありますが、あなたの秋はなんでしょうか？
私の場合は、今年の秋は、決まっています。


仕事の秋　(強制的に)　


・・・・・・




おおっ・・・想像して身震いしてしまった。。。


無謀なプロジェクトに閉じ込められて、仕事仕事の毎日・・・・、はたらけど はたらけど ・・・・・
そんな、仕事山積みの部署で、私が広めた本があります。
序盤の状況が、うちの部署と似てて、感情移入しやすいというか、だから怖いというか、、
会社は助けてくれないんだな、と強く思ってしまいました。
仕事忙しい方、頑張り過ぎる方、壊れちゃう前に、読んでおいたほうがいいかもしれませんよ。
(精神科勤務の友達に聞いたら、病院の本棚にあるとかなんとか・・・)


↓マウスを合わせると見えますよ。

さて今回の カラクリ ブログ 素材 は、ひまわり でした。
ひまわりが、邪魔して本が見えませんね。でもマウスを持っていくとひまわりが小さくなって、紹介した本が見えるようになりますもちろん、クリックすると本の詳細のページにジャンプできますよ

さて、このカラクリの作り方を紹介・・・・、したいのですが時間が無い。
ソースは、紹介しておきます。使ってみたい方、チャレンジしてみて下さい。


使ってみたい方、興味のある方は、続きをクリック！検討を祈る

はい、続きをクリックした方、ソースを紹介します。
頑張ってください。


<div id="i0902d_1" style="position:relative; left:56px; top:36px; width:44px; height:42px; z-index:1; border: 1px none #000000;" onMouseOver ="i0902d_2.src='ひまわり_2.gif'" onMouseOut ="i0902d_2.src='ひまわり_1.gif'" > <div style="position:absolute; left:0px; top:0px; width:100%; height:*; z-index:2"> <img id="i0902d_2" src="ひまわり_1.gif"></img> </div> <div id="i0902d_3" style="position:absolute; left:0px; top:0px; width:*px; height:*px; z-index:1"> <!-- ここに紹介したい商品や、リンクのタグなどを書き込みます --> </div> </div>