ວິທີການເຮັດໃຫ້ບັນຊີລາຍຊື່ເລື່ອນລົງໃນ HTML

ບັນຊີລາຍຊື່ເລື່ອນລົງງ່າຍໃນ HTML ແມ່ນງ່າຍທີ່ຈະສ້າງນໍາໃຊ້ໂຄດຄໍາສັ່ງທີ່ເລືອກ. ໂຄດຄໍາສັ່ງບັນຈຸນີ້, tags ເລືອກຝັງໃນມັນ - ມັນແມ່ນເຂົາເຈົ້າຜູ້ກໍານົດລາຍການບັນຊີລາຍການ.

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

ການປ່ຽນແປງຮູບລັກສະນະແລະຄຸນສົມບັດຂອງລາຍການ, ທ່ານສາມາດນໍາໃຊ້ຄຸນລັກສະນະທົ່ວໄປແລະພິເສດ.

ຄຸນລັກສະນະໂຄດຄໍາສັ່ງເລືອກ

1. ຫຼາຍ - specifies ທາງເລືອກທີ່ຫຼາກຫຼາຍ.

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

3. ຊື່ - ນາມສະ. ບັນຊີລາຍຊື່ເລື່ອນລົງສາມາດເຮັດໄດ້ໂດຍບໍ່ມີການມັນ, ແຕ່ມັນອາດຈະມີຄວາມຈໍາເປັນທີ່ຈະພົວພັນກັບໂຄງການ, ຈັດຢູ່ໃນເຄື່ອງແມ່ຂ່າຍ. ອີງຕາມລະບຽບເປັນ, ຊື່ແມ່ນຍັງລະບຸໄວ້.

ເລືອກໂຄດຄໍາສັ່ງບໍ່ມີຄຸນລັກສະນະທີ່ຕ້ອງຊຶ່ງກົງກັນຂ້າມກັບໂຄດຄໍາສັ່ງເລືອກໄດ້.

ຄຸນລັກສະນະທາງເລືອກໂຄດຄໍາສັ່ງທີ່ຕິດຄັດມາ

1. ເລືອກ - ອອກແບບມາເພື່ອຊີ້ໃຫ້ເຫັນລາຍການບັນຊີລາຍການ. ຜູ້ໃຊ້ສາມາດຈັດສັນຫຼາຍກ່ວາຫນຶ່ງໃນລາຍການ, ຖ້າຫາກວ່າທ່ານກໍານົດຄຸນລັກສະນະທີ່ຫຼາກຫຼາຍ (ເບິ່ງ. ຂ້າງເທິງ).
2. ມູນຄ່າ - ມູນຄ່າ. ຄຸນລັກສະນະນີ້ແມ່ນໄດ້ຖືກກໍານົດໄວ້. ເຄື່ອງແມ່ຂ່າຍເວັບທີ່ຕ້ອງການທີ່ຈະເຂົ້າໃຈສິ່ງທີ່ລາຍການບັນຊີລາຍຊື່ຜູ້ໃຊ້ໄດ້ເລືອກ.
3. ປ້າຍກໍາກັບ. ໃນບັນຊີລາຍຊື່ຍາວຫຼາຍຂອງອົງປະກອບສາມາດໄດ້ຮັບການຫຼຸດຜ່ອນການນໍາໃຊ້ຄຸນລັກສະນະນີ້. ສໍາລັບຕົວຢ່າງ, ຫນ້າຈໍຈະສະແດງ "Milan", ແທນທີ່ຈະເປັນໂຄດຄໍາສັ່ງເລືອກ "ຊີມິລານ - ສູນກາງການບໍລິຫານຂອງ Lombardy. Northern ອິຕາລີ. " ຄຸນລັກສະນະນີ້ແມ່ນໄດ້ຖືກນໍາໃຊ້ເພື່ອກຸ່ມລາຍການໃນບັນຊີລາຍຊື່ດັ່ງກ່າວ.

ໃນຖານະເປັນສໍາລັບ width ຂອງບັນຊີລາຍການ, ມັນເລີ່ມຕົ້ນກັບຄວາມຍາວຂອງຂໍ້ຄວາມທີ່ກວ້າງທີ່ສຸດໃນບັນຊີລາຍຊື່ດັ່ງກ່າວ. ແນ່ນອນວ່າ, width ສາມາດມີການປ່ຽນແປງໂດຍການນໍາໃຊ້ຮູບແບບ HTML.

ບັນຊີລາຍຊື່ເລື່ອນລົງໃນຮູບແບບອື່ນ

ມັນສາມາດເຮັດໄດ້ດ້ວຍ CSS, ສໍາລັບການຍົກຕົວຢ່າງ, ບັນຊີລາຍການຈະໄປປາກົດໃນເວລາທີ່ທ່ານ hover ຫຼາຍກວ່າລາຍການຫນ້າ. ໂອກາດທີ່ດີເລີດສໍາລັບການສ້າງລາຍເຮັດໃຫ້ JavaScript, ທີ່ງ່າຍການເຮັດວຽກຫ້ອງສະຫມຸດ Jquery. ບັນຊີລາຍຊື່ເລື່ອນລົງທີ່ພົວພັນກັບຫ້ອງສະຫມຸດດັ່ງກ່າວນີ້, ສາມາດສະລັບສັບຊ້ອນຫຼາຍ, ເຊັ່ນ: ນ້ໍາຕົກໄດ້. ຫມາຍຄວາມວ່າ, ໃນເວລາທີ່ທ່ານຄັດເລືອກເອົາລາຍການໃນບັນຊີລາຍການຈະໄປປາກົດໃນບັນຊີລາຍຊື່ດັ່ງຕໍ່ໄປນີ້, ສໍາລັບການຍົກຕົວຢ່າງ, ມີເມນູ "ເຄື່ອງນຸ່ງຫົ່ມຂອງແມ່ຍິງ" (ໃນເວລາທີ່ທ່ານ hover ເລື່ອນ ປະເພດຂອງເຄື່ອງນຸ່ງຫົ່ມ), ຫຼັງຈາກນັ້ນໃນເວລາທີ່ຫນຶ່ງຂອງຊະນິດພັນ, ສໍາລັບການຍົກຕົວຢ່າງ, "Tops" ບັນຊີລາຍຊື່ເລື່ອນລົງກັບອົງປະກອບທີ່: jackets, ສວນສາທາລະເຄືອບ, ເຄືອບແລະອື່ນໆ. n.

ພວກເຮົາໄດ້ລະບຸໄວ້ໃນວິທີການທີ່ບໍ່ແຂງຕົ້ນຕໍທີ່ທ່ານສາມາດສ້າງບັນຊີລາຍຊື່ເລື່ອນລົງ. ແນ່ນອນວ່າ, ມີຄວາມແຕກຕ່າງຈໍານວນຫຼາຍໃນ ການ HTML, CSS ໃນການ ແລະໃນ JavaScript, ເຊິ່ງອະນຸຍາດໃຫ້ທ່ານມີການປ່ຽນແປງການທໍາງານແລະລັກສະນະຂອງ views ລາຍ.