php監測數據是否成功插入到Mysql數據庫的方法
586
2024-01-10
(function($){ $.fn.extend({ "slideUp":function(value){ var docthis = this; //默認參數 value=$.extend({ "li_h":"30", "time":2000, "movetime":1000 },value) //向上滑動動畫 function autoani(){ $("li:first",docthis).animate({"margin-top":-value.li_h},value.movetime,function(){ $(this).css("margin-top",0).appendTo(".line"); }) } //自動間隔時間向上滑動 var anifun = setInterval(autoani,value.time); //懸停時停止滑動,離開時繼續執行 $(docthis).hover(function(){ clearInterval(anifun); //清除自動滑動動畫 },function(){ setInterval(autoani,value.time); //繼續執行動畫 }) } }) })(jQuery)
主要思路:
滑動動畫,就是改變元素的位置,要改變元素的位置有兩種方法,一種改變left,top屬性(相對定位和絕對定位),還有一種,就是現在這里用到的,改變margin的值。
上例中動畫過程:
1.設置要改變margin-top的值;
2.用animate方法改變第一個LI的margin-top的值為-30(負值會向上移動);
3.在動畫完成之后,回調函數內,把當前的第一個LI的margin-top改變為"0"
4.把當前這第一個LI移動到所有LI的最后一個。(實現無縫)
案例下載:http://xiazai.gimoo.net/201612/yuanma/myslidup(gimoo.net).rar
以上就是本文的全部內容,希望對大家有所幫助,謝謝對綠夏網的支持!
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!