JQuery實現鼠標移動圖片顯示描述層的方法
更新時間：2015年06月25日 10:29:27 作者：任意球
這篇文章主要介紹了JQuery實現鼠標移動圖片顯示描述層的方法,涉及jQuery鼠標事件及動畫效果的使用技巧,需要的朋友可以參考下
本文實例講述了JQuery實現鼠標移動圖片顯示描述層的方法。分享給大家供大家參考。具體如下：
這里可結合 JQuery easing 的動畫來配合使用。
主要代碼如下：
$(".item").hover(
function()
{
//$(this).children("img").stop().animate({opacity: 0.8}, 700, "easeInSine");
$(this).children("div.title").stop().animate({top: 0}, 700, "easeOutBounce");
$(this).children("div.desc").stop().animate({bottom: 0}, 700, "easeOutBounce");
},
function(){
//$(this).children("img").stop().animate({opacity: 1}, 700);
$(this).children("div.title").stop().animate({top: -60}, 500);
$(this).children("div.desc").stop().animate({bottom: -40}, 400);
}
);
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
這篇文章主要介紹了多種方法實現360瀏覽器下禁止自動填寫用戶名密碼,需要的朋友可以參考下2014-06-06
在本篇內容里小編給大家分享了jQuery獲取特殊屬性的值以及設置內容相關知識點，有需要的朋友們參考下。2018-11-11
本文通過具體的實例向我們簡單介紹了jQuery的事件委托的實現方式，十分的簡單實用，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要介紹了jQuery實現的頁面詳情展開收起功能,涉及jQuery事件綁定及頁面元素屬性動態(tài)修改相關操作技巧,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了jquery圖片滾動放大效果，功能實現非常簡單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
JQuery使用$.ajax和checkbox實現下次不在通知功能
這篇文章主要介紹了JQuery使用$.ajax和checkbox實現下次不在通知功能,本文給出HTML代碼、JS代碼、和后端JAVA代碼完整示例,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JQuery CheckBox（復選框）操作方法匯總,本文講解了獲取單個checkbox選中項、獲取多個checkbox選中項、設置第一個checkbox 為選中值、設置最后一個checkbox為選中值等內容,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JQuery表單驗證插件EasyValidator用法,以實例形式系統(tǒng)分析了EasyValidator的功能特性及具體用法,是非常實用的jQuery插件,需要的朋友可以參考下2014-11-11
這篇文章主要介紹了jQuery獲取樣式中顏色值的方法,可實現針對IE與Chrome、Firefox等不同瀏覽器都可獲取css樣式中background-color值的功能,非常具有實用價值,需要的朋友可以參考下2015-01-01
本文主要介紹了jQuery實現導航回彈效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02