jQuery Effect - Slide

jQuery 滑动方法可使元素上下滑动。

ການສະແດງຜົນງານ

ຄັກຄືນທີ່ນີ້ ປິດ/ສະແດງຕາກັບ.

ຕອນການສະຫຼາກຫຼັງຄືກັບຄຳກັບຄຳຄົນຈະປະຈຳປະຫວັດການທີ່ຫຼາຍຫຼາຍຫຼາຍຫຼາຍຫຼາຍຫຼາຍ, ດັ່ງນັ້ນພວກເຮົາຈະສະໜອງເນື້ອຫຼັກທີ່ງ່າຍຫຼາຍ.

ຢູ່ທີ່ນີ້ທ່ານຈະຮັບຄວາມຮູ້ຈັກທີ່ທ່ານຕ້ອງການທຸກສິ່ງທີ່ທ່ານຕ້ອງການດ້ວຍຮູບແບບທີ່ງ່າຍຕັ້ງ.

ຕົວຢ່າງ

jQuery slideDown()
jQuery slideDown()
ການສະແດງ jQuery slideDown()
jQuery slideUp()
ການສະແດງ jQuery slideUp()
jQuery slideToggle()

ການສະແດງ jQuery slideToggle()

jQuery ກົນລະຍຸດສະແດງ

ຜ່ານ jQuery,ທ່ານສາມາດສ້າງຜົນງານການຍົກມາລົງປະກອບສະຖານທີ່.

  • jQuery ມີກົນລະຍຸດສະແດງທີ່ນັ້ນ:
  • slideDown()
  • slideUp()

slideToggle()

jQuery slideDown() ກົນລະຍຸດ

jQuery slideUp() ກົນລະຍຸດສະແດງວ່າຈະຍົກມາສູງປະກອບສະຖານທີ່.

ຖ້າປະກອບສະຖານທີ່ຍົກມາທີ່ສູງແມ່ນ slideToggle() ສາມາດຍົກມາລົງ.$(jQuery slideDown() ກົນລະຍຸດສະແດງວ່າຈະຍົກມາລົງປະກອບສະຖານທີ່.);).slideToggle(callback,

speed

callback

).slideDown(

ຕົວຢ່າງ

$("#flip").click(function(){
  ຕົວຢ່າງລາວສະແດງວ່າ slideDown() ກົນລະຍຸດນັ້ນ:
});

ທົດລອງດຽວທັງໝົດ

$("#panel").slideDown();

jQuery slideUp() ກົນລະຍຸດ

jQuery slideUp() ກົນລະຍຸດສະແດງວ່າຈະຍົກມາສູງປະກອບສະຖານທີ່.

ຖ້າປະກອບສະຖານທີ່ຍົກມາທີ່ສູງແມ່ນ slideToggle() ສາມາດຍົກມາລົງ.$(ວິທິກົດ);).slideToggle(callback,

ຄວາມສຳຄັນຂອງຄຳເວົ້າ ແມ່ນຄຳເວົ້າທີ່ຄວນເລືອກ. ); speed

ຄວາມສຳຄັນຂອງຄຳເວົ້າ ແມ່ນຄຳເວົ້າທີ່ຄວນເລືອກ. callback ຄວາມສຳຄັນຂອງຄຳເວົ້າ ແມ່ນຊື່ຂອງຫົວວິທີທີ່ຈະເຮັດຫລັງຈາກການສະແດງສົມທອດ.

).slideUp(

ຕົວຢ່າງ

$("#flip").click(function(){
  ຕົວຢ່າງລາວສະແດງວ່າ slideUp() ກົນລະຍຸດນັ້ນ:
});

ທົດລອງດຽວທັງໝົດ

$("#panel").slideUp();

jQuery slideToggle() ກົນລະຍຸດ

jQuery slideToggle() ກົນລະຍຸດສາມາດປ່ຽນຕິດຕໍ່ slideDown() ແລະ slideUp() ກັນ.

ຖ້າປະກອບສະຖານທີ່ຍົກມາທີ່ລົງແມ່ນ slideToggle() ສາມາດຍົກມາສູງ.

ຖ້າປະກອບສະຖານທີ່ຍົກມາທີ່ສູງແມ່ນ slideToggle() ສາມາດຍົກມາລົງ.$();).slideToggle(callback,

ຄວາມສຳຄັນຂອງຄຳເວົ້າ ແມ່ນຄຳເວົ້າທີ່ຄວນເລືອກ. ); speed

ຄວາມສຳຄັນຂອງຄຳເວົ້າ ແມ່ນຄຳເວົ້າທີ່ຄວນເລືອກ. callback ຄວາມສຳຄັນຂອງຄຳເວົ້າ ແມ່ນຊື່ຂອງຫົວວິທີທີ່ຈະເຮັດຫລັງຈາກການສະແດງສົມທອດ.

ຕົວຢ່າງລາວສະແດງວ່າ slideToggle() ກົນລະຍຸດນັ້ນ:

ຕົວຢ່າງ

$("#flip").click(function(){
  $("#panel").slideToggle();
});

ທົດລອງດຽວທັງໝົດ

jQuery ປື້ມກໍານົດຜົນງານ

ສຳລັບການກວດສອບ jQuery ຜົນງານທັງໝົດ,ກະລຸນາຢ້ຽມຢາມ jQuery ປື້ມກໍານົດຜົນງານ