做組合頁面，您的網站上的Flash已經成為一種過時的。 Javascript和CSS更快的計算機和新一代瀏覽器這些日子真的可以踢一些屁股。 jQuery有非常整齊的方式來處理一些效果。 所有的動畫來自被稱為“動畫”的基本方法。 它的動畫，補間DOM元素的屬性。 使長的故事，短看看這個。
所以，你已經點擊和看見的權利嗎？ 好吧，如果你看一下代碼，這是相當簡單的。
$（文件）。就緒（函數（）{ hover_in_easing =“easeOutExpo”; hover_out_easing =“easeOutBounce”; $（“。info_container”）（）; $（“div.portfolio_div”）。懸停（函數（）{ $（本）（“info_container。”）動畫（{頂部：“0px”}，{工期：400，緩和：hover_in_easing}）。; }，函數（）{ $（本）（“info_container。”）動畫（頂部：100px的“}，{工期：500，緩和：hover_out_easing}）; }）; / / 100 PX是面具的大小 }）;
它採用動畫功能，動畫的形象，這是保持相對定位隱藏的面具。 與緩和的插件，我們實現了一些反彈，當你懸停圖像涼爽的效果。 你可以把HTML內任何的info_container DIV元素，只要不超越邊界。 看看樣式表，你會發現它非常gramatical。 您可以自定義修改的div類的大小。
啟示：http://dibusoft.com/portfolio
最新評論