JqueryでBoxのロールオーバー時に
背景をふわっと浮かび上がらせるjqueryコードです。

背景としてひとつ多くＢＯＸを取っているのがポイントです。

.box a{

     display:block;
     width:100px;
     height:100px;
}

.box_ov{
     width:100px;
     height:100px;
     position:relative;
     overflow:none;}

.box_bk{
     width:100px;
     height:100px;
     background: gray;
     display:none;}

.box{
     width:100px;
     height:100px;
     position:absolute;
     top:0px;
     left:0px;}

   
            

       
            

           
           ここにコンテンツが入ります。
           
           
            

       

関連記事

• JPEG画像を圧縮できるJPEGminiを試してみた。 2011/09/30
• 日本のオーガニックでシンプルなサイトのデザインショーケース 2011/09/26
• 最近可愛いとおもったウェブデザインスクリーンショット9/18-9/19 2011/09/23
• jqueryでロールオーバー時にふわっと背景を浮かび上がらせるjqueryコード 2011/09/20
• 最近可愛いと思ったカラフル＆クールなウェブサイト 2011/09/19
• 色と人の感覚とウェブデザインのはなし 2011/09/16
• ホワイトスペースを使ったウェブデザインの考え方 2011/09/13