在您的網站頁面與Flash做一個投資組合，已成為一種過時的。 這些天更快的機器和新一代瀏覽器的Javascript和CSS真的可以踢一些屁股。 jQuery有非常整齊的方式來處理一些效果。 所有的動畫源於被稱為“動畫”的基本方法。 它的動畫，補間動畫的DOM元素的屬性。 為了使長話短說看看這個。
所以，你已經點擊和看到正確的？ 好吧，如果你看一下代碼，這是相當簡單的。
$（文件）。就緒（函數（）{ VAR hover_in_easing =“easeOutExpo”; VAR hover_out_easing =“easeOutBounce”; $（“。info_container”）顯示（）; $（的“div.portfolio_div”）。懸停（函數（）{ $（本）。找到（“。info_container”），動畫（{前：“0PX”}，{工期：400，緩和：hover_in_easing}）; }，（）{ $（本）。找到（“。info_container”），動畫（{頂部：“100px的”}，{工期：500，緩和：hover_out_easing}）; }）; / / 100個像素的大小的掩模 }）; |
使用animate函數的動畫形象定位相對保持隱藏在面具。 緩和插件，我們實現了一些很酷的效果，當您將鼠標懸停從圖像的彈跳。 你可以把任何HTML裡面的info_container DIV元素，只要不超越國界。 看樣式表，你會發現它非常gramatical。 您可以自定義大小的div類通過修改。
啟示：http://dibusoft.com/portfolio
最近的評論