jquery博客仿百度空間相冊展現相冊效果文字顯隱

jquery博客天天重複這同樣的事情，不斷的切圖作頁面，哪邊樣式出問題了，立刻就去改，又有新的需求，立刻去作，生成DEMO頁面，好方便後端的同事們調試。

商場的頁面天天繼續忙不停的作，前端傷不起，來面試的不是經驗不足，就是吊兒郎當的，擦，糾結。

後端哥們在作客戶管理中心功能，須要一個相冊，參考了，網易，新浪，百度的，最終定下來，整個百度空間相冊的吧。

大體是這樣的

裏面的背景圖片盜用的是百度空間的

背景圖片蠻大的，咱們不須要那麼多，用到個background定位

後面的顯隱頁面那就更簡單了，鼠標移到那邊顯示背景白色，並有個邊框，裏面的編輯刪除文字顯示，移除消失

1 2 3 4 5 6 7 8 9 10

$(document).ready(function(){ $(".demoxx li").mouseover(function(){ $(this).addClass("aBg"); $(this).find("span").show(); }); $(".demoxx li").mouseout(function(){ $(this).removeClass("aBg"); $(this).find("span").hide(); }); })

在線效果DEMO1 DEMO2

轉自 jquery http://www.jqueryba.com/378.html