真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

JQuery如何實(shí)現(xiàn)基礎(chǔ)動(dòng)畫操作

這篇文章主要介紹了JQuery如何實(shí)現(xiàn)基礎(chǔ)動(dòng)畫操作,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司專注于南溪網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供南溪營銷型網(wǎng)站建設(shè),南溪網(wǎng)站制作、南溪網(wǎng)頁設(shè)計(jì)、南溪網(wǎng)站官網(wǎng)定制、微信小程序服務(wù),打造南溪網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供南溪網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

1.jQuery動(dòng)畫效果,隱藏和顯示。

兩個(gè)方法:hide()"隱藏"      show()"顯示"

JQuery動(dòng)畫效果,隱藏和顯示

   

語法:$(selector).hide(speed.callback)
語法:$(selector).show(speed.callback)
callback參數(shù):是隱藏或顯示完成后執(zhí)行的函數(shù)名稱。

$(document).ready(function(){
   $("#button1").click(function(){
    $("p").hide(500);
    alert("恭喜你,顯示完成")
   })
   $("#button2").click(function() {
    $("p").show(200,function(){
     alert("恭喜你,顯示完成")
    })
   }

語法:$(selector).toggle(speed.callback)
speed參數(shù)規(guī)定參數(shù)隱藏和顯示的速度,取值為"show""fast".毫秒(1秒等于1000毫秒)
callback參數(shù):是隱藏或顯示完成后執(zhí)行的函數(shù)名稱。

$("#button3").click(function() {
     $("p").toggle(1000,function(){
     $("p").css({color:"yellow"})
     })

2.Jquery滑動(dòng)和動(dòng)畫
兩個(gè)方法:slideDow()       toggleDoe()      


點(diǎn)擊我,滑動(dòng)顯示或者隱藏面板
Hello JQuery
         

3.JQuery動(dòng)畫效果,動(dòng)畫
animate()方法用于創(chuàng)建自定義的動(dòng)畫。

 語法:
$(selector),animate({params},speed,callback)
必須的params參數(shù)定義形成動(dòng)畫的css屬性



默認(rèn)情況下所有的HTML元素有一個(gè)靜態(tài)的位置,且是不可能移動(dòng)的,如果需要改變,那么須將元素的position屬性設(shè)置為absolute,relative,fixed

     

4.操作多個(gè)屬性:

animate();使用相對(duì)值 





 
 
 

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“JQuery如何實(shí)現(xiàn)基礎(chǔ)動(dòng)畫操作”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!


網(wǎng)站標(biāo)題:JQuery如何實(shí)現(xiàn)基礎(chǔ)動(dòng)畫操作
當(dāng)前地址:http://weahome.cn/article/ipggid.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部