ສະແດງແລະເຊື່ອງຂໍ້ຄວາມຫຼືຮູບພາບຕ່າງໆທີ່ມີ CSS ແລະ JavaScript

ສ້າງປະສົບການແບບຄໍາຮ້ອງສະຫມັກກ່ຽວກັບເວັບໄຊທ໌ຂອງທ່ານ

Dynamic HTML (DHTML) ອະນຸຍາດໃຫ້ທ່ານສ້າງປະສົບການແບບແບບທີ່ໃຊ້ໃນເວັບໄຊທ໌ຂອງທ່ານ, ການຫຼຸດຜ່ອນຄວາມຖີ່ທີ່ຫນ້າທັງຫມົດຕ້ອງໄດ້ຮັບການໂຫຼດຢ່າງເຕັມທີ່. ໃນແອັບພລິເຄຊັນ, ເມື່ອທ່ານຄລິກໃສ່ບາງສິ່ງບາງຢ່າງ, ແອັບພລິເຄຊັນປ່ຽນແປງສະແດງເນື້ອຫາສະເພາະຫຼືໃຫ້ຄໍາຕອບຂອງທ່ານ.

ໃນທາງກົງກັນຂ້າມ, ຫນ້າເວັບມັກຈະຕ້ອງໄດ້ຮັບການໂຫຼດໃຫມ່, ຫຼືຫນ້າໃຫມ່ທັງຫມົດທີ່ຕ້ອງໄດ້ຮັບການໂຫຼດ. ນີ້ສາມາດເຮັດໃຫ້ປະສົບການຂອງຜູ້ໃຊ້ຫຼາຍຂັດຂື້ນ. ລູກຄ້າຂອງທ່ານຕ້ອງລໍຖ້າຫນ້າທໍາອິດທີ່ຈະໂຫລດແລະລໍຖ້າອີກເທື່ອຫນຶ່ງສໍາລັບຫນ້າທີສອງທີ່ຈະໂຫລດແລະອື່ນໆ.

ໃຊ້ & lt div & gt ເພື່ອປັບປຸງປະສົບການຂອງຜູ້ຊົມ

ການນໍາໃຊ້ DHTML, ຫນຶ່ງໃນວິທີທີ່ງ່າຍທີ່ສຸດທີ່ຈະປັບປຸງປະສົບການນີ້ແມ່ນເພື່ອໃຫ້ມີສ່ວນປະກອບ div ເພື່ອ ເປີດແລະປິດການສະແດງເນື້ອຫາເມື່ອມີການຮ້ອງຂໍ. ອົງປະກອບ div ກໍານົດການແບ່ງປັນຢ່າງມີເຫດຜົນໃນຫນ້າເວັບຂອງທ່ານ. ຄິດວ່າ div ເປັນປ່ອງທີ່ອາດມີວັກ, ຫົວຂໍ້, ການເຊື່ອມໂຍງ, ຮູບພາບຕ່າງໆ, ແລະແມ່ນແຕ່ສ່ວນອື່ນ.

ສິ່ງທີ່ທ່ານຕ້ອງການ

ເພື່ອສ້າງແຜ່ນທີ່ສາມາດເປີດແລະປິດໄດ້, ທ່ານຕ້ອງການດັ່ງຕໍ່ໄປນີ້:

ການຄວບຄຸມການເຊື່ອມຕໍ່

ການເຊື່ອມຕໍ່ການຄວບຄຸມແມ່ນສ່ວນທີ່ງ່າຍທີ່ສຸດ. ພຽງແຕ່ສ້າງການເຊື່ອມຕໍ່ເຊັ່ນດຽວກັນກັບຫນ້າອື່ນ. ສໍາລັບໃນປັດຈຸບັນ, ໃຫ້ອອກ href attribute ຫວ່າງ.

ຮຽນຮູ້ HTML

ຈັດວາງນີ້ທຸກບ່ອນໃນເວັບໄຊທ໌ຂອງທ່ານ.

Div ເພື່ອສະແດງແລະຊ່ອນ

ສ້າງອົງປະກອບ div ທີ່ທ່ານຕ້ອງການສະແດງແລະຊ່ອນ. ໃຫ້ແນ່ໃຈວ່າແຜ່ນຂອງທ່ານມີເອກະລັກທີ່ເປັນເອກະລັກກ່ຽວກັບມັນ. ໃນຕົວຢ່າງ, id ທີ່ເປັນເອກະລັກແມ່ນ ຮຽນຮູ້ HTML .

ນີ້ແມ່ນຄໍລໍາເນື້ອຫາ. ມັນຈະເລີ່ມອອກເປັນເວລາຫວ່າງນອກຈາກຂໍ້ຄວາມອະທິບາຍນີ້. ເລືອກສິ່ງທີ່ທ່ານຕ້ອງການຮຽນຮູ້ໃນຖັນນໍາທິດຢູ່ເບື້ອງຊ້າຍ. ຂໍ້ຄວາມຈະປາກົດຢູ່ຂ້າງລຸ່ມນີ້:

ຮຽນຮູ້ HTML
  • Free HTML Class
  • HTML Tutorial
  • What is XHTML?

    CSS ເພື່ອສະແດງແລະຊ່ອນ Div ໄດ້

    ສ້າງສອງຊັ້ນສໍາລັບ CSS ຂອງທ່ານ: ຫນຶ່ງເພື່ອຊ່ອນ div ແລະອື່ນໆເພື່ອສະແດງໃຫ້ເຫັນ. ທ່ານມີສອງຕົວເລືອກສໍາລັບການນີ້: ການສະແດງແລະການເບິ່ງເຫັນ.

    ການສະແດງຜົນອອກວີດີໂອຈາກການໄຫຼຫນ້າຂອງຫນ້າເວັບແລະການເບິ່ງເຫັນພຽງແຕ່ປ່ຽນແປງວິທີທີ່ມັນໄດ້ເຫັນ. ບາງຄົນທີ່ມັກໂຄສະນາມັກຈະ ສະແດງ , ແຕ່ບາງຄັ້ງ ຄວາມສາມາດເບິ່ງເຫັນ ໄດ້ດີ. ຍົກ​ຕົວ​ຢ່າງ:

    hidden {display: none } unhidden {display: block }

    ຖ້າທ່ານຕ້ອງການນໍາໃຊ້ການເບິ່ງເຫັນ, ຫຼັງຈາກນັ້ນໃຫ້ປ່ຽນຫ້ອງຮຽນເຫຼົ່ານີ້ໃຫ້:

    hiding {visibility: hidden } unhidden {visibility: visible }

    ເພີ່ມຊັ້ນຮຽນທີ່ເຊື່ອງໄວ້ໃນແຜ່ນຂອງທ່ານເພື່ອມັນຈະເລີ້ມເປັນເຊື່ອງໄວ້ໃນຫນ້າ:

    class = "hidden" >

    JavaScript ເພື່ອເຮັດໃຫ້ມັນເຮັດວຽກ

    ທັງຫມົດນີ້ script ແມ່ນເບິ່ງຢູ່ໃນປະຈຸບັນທີ່ກໍານົດໄວ້ໃນ div ຂອງທ່ານແລະສະຫຼັບມັນເພື່ອ unhidden ຖ້າມັນຫມາຍວ່າເປັນເຊື່ອງໄວ້ຫຼືໃນທາງກັບກັນ.

    ນີ້ແມ່ນພຽງແຕ່ສອງສາມເສັ້ນຂອງ JavaScript. ຈັດວາງດັ່ງຕໍ່ໄປນີ້ໃນຫົວຂອງເອກະສານ HTML ຂອງທ່ານ (ກ່ອນທີ່ຈະ ແທັກ: