本文實例講述了jQuery實現(xiàn)動畫、消失、顯現(xiàn)、漸出、漸入效果。分享給大家供大家參考,具體如下:
肅州網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,肅州網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為肅州千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個售后服務(wù)好的肅州做網(wǎng)站的公司定做!
運行效果(這里使用了本站演示圖片加以測試):
這里的方法都可以再嵌套方法。
對象.方法名(延遲時間,function(){新的方法});
比如,消失后顯現(xiàn)
$(but1).on("click",function(){ $("img").hide(500,function(){ $("img").show(5000) ; }) ; }) ;
比如,移動后再移回
$(but9).on("click",function(){ $("div").animate({left:"800px"},5000,function(){ $("div").animate({left:"0px"},5000) ; }) ; }) ;
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關(guān)于jQuery相關(guān)內(nèi)容還可查看本站專題:《jQuery動畫與特效用法總結(jié)》、《jQuery切換特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。