ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಅಥವಾ ಡ್ರಾಪ್ಡೌನ್ ಮೆನುಗಳು ಯಾವುದೇ ರೀತಿಯ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಅವಶ್ಯಕ. ವಿಶೇಷವಾಗಿ ಸಂದರ್ಶಕರಿಂದ ಡೇಟಾದ ಪರಿಚಯದ ಅಗತ್ಯವಿರುವಂತಹವು, ಉದಾಹರಣೆಗೆ ಲಿಂಗವನ್ನು ಆರಿಸುವುದು ಅಥವಾ ನಮ್ಮ ಐಕಾಮರ್ಸ್‌ನಲ್ಲಿ ನೀವು ಖರೀದಿಸಲಿರುವ ಶರ್ಟ್ ಯಾವ ಬಣ್ಣ ಎಂದು ಆಯ್ಕೆ ಮಾಡುವುದು.
ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಮೆನುಗಳು ಪ್ರಸ್ತುತ ವೆಬ್ ವಿನ್ಯಾಸ ಮಾನದಂಡಗಳನ್ನು ಅನುಸರಿಸಲು ನಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ನವೀಕರಿಸಬಹುದಾದ ಇತರ ಅಂಶಗಳಾಗಿವೆ. ಆ ಸ್ಪರ್ಶ ಮತ್ತು ಆ ಸೂಕ್ಷ್ಮತೆಯು ನಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ನಾವು ಸಿದ್ಧಪಡಿಸಿದ ಸಂಪೂರ್ಣ ವೆಬ್ ಪರಿಸರಕ್ಕೆ ಹೆಚ್ಚಿನ ಗುಣಮಟ್ಟವನ್ನು ನೀಡುತ್ತದೆ. ನೀವು ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ 16 ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಮೆನುಗಳನ್ನು ಪರಿಚಯಿಸುತ್ತಿದೆ ಅದು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್ ನವೀಕರಿಸಲು ಸೂಕ್ತವಾಗಿ ಬರುತ್ತದೆ. ಕೆಲವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸಹ ಹೊಂದಿರುತ್ತವೆ ಮತ್ತು ಅಗತ್ಯವಾದ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅನ್ನು ಸಹ ಮರೆಯದೆ ನಾವು ನೆನಪಿಸಿಕೊಳ್ಳುತ್ತೇವೆ.
ಜಲಪಾತದ ಮೆನು
ಈ ಜಲಪಾತ ಅಥವಾ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಒಳಗೊಂಡಿದೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ತುಂಬಾ ಚಿಕ್ಕದಾಗಿದ್ದರೂ. ಕಣ್ಣಿನ ಸೆಳೆಯುವ ಉಪಸ್ಥಿತಿಯೊಂದಿಗೆ ಸರಳ ಮತ್ತು ನೇರವಾದ ಜಲಪಾತದ ಅನಿಮೇಷನ್ ಅನ್ನು ಸಂಯೋಜಿಸಲು ಇದು ಪ್ರಸ್ತುತ ಭಾಷಾ ವಿನ್ಯಾಸ ಮಾನದಂಡವನ್ನು ವಿನ್ಯಾಸ ಭಾಷೆಯಾಗಿ ಅನುಸರಿಸುತ್ತದೆ. ವಿಭಿನ್ನ ಮೆನು ಆಯ್ಕೆಗಳನ್ನು ತೆರೆಯುವಾಗ, ನಾವು ಮೌಸ್ ಪಾಯಿಂಟರ್ ಅನ್ನು ಅವುಗಳ ಮೇಲೆ ಬಿಟ್ಟಾಗ ಗ್ರಾಫಿಕ್ ಹೂವರ್ ಪರಿಣಾಮವಿದೆ.
JQuery ನೊಂದಿಗೆ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು
ಈ ಜಲಪಾತದ ಮೆನು ಬಹಳ ಸರಳವಾಗಿದೆ, ಆದರೆ ಅದು ವಿನ್ಯಾಸದಲ್ಲಿ ಬಹಳ ಸೊಗಸಾದ. ಇದು ಪ್ರತಿ ಮೆನುವಿನ ನೀಲಿ ಬಣ್ಣವನ್ನು ಎದ್ದು ಕಾಣುವ ಹೂವರ್ ಮತ್ತು ಹೆಚ್ಚು ಅಭಿಮಾನಿಗಳಿಲ್ಲದೆ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಅನಿಮೇಷನ್ ಅನ್ನು ಹೊಂದಿದೆ. ಇದನ್ನು HTML, CSS ಮತ್ತು JavaScript (jQuery) ನೊಂದಿಗೆ ತಯಾರಿಸಲಾಗುತ್ತದೆ.
ಶೈಲಿಯ ಜಲಪಾತದ ಮೆನು
HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿನ ಈ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ಅತ್ಯುತ್ತಮವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ವೆಬ್‌ಸೈಟ್‌ಗಳಲ್ಲಿ ಒಂದರಿಂದ ಸ್ಫೂರ್ತಿ: ಪಟ್ಟೆ (ಡಿಜಿಟಲ್ ಕಾರ್ಡ್ ಸೇವೆ). ಮೆನುಗಳಲ್ಲಿ ಯಾವುದೇ ಹೂವರ್ ಇಲ್ಲ, ಆದರೆ ನಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ವಿನ್ಯಾಸದ ಬಗ್ಗೆ ನಮ್ಮ ಉದ್ದೇಶಗಳನ್ನು ಸ್ಪಷ್ಟಪಡಿಸಲು ಅತ್ಯುತ್ತಮವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಅನಿಮೇಷನ್. ಅದರ ಗುಣಮಟ್ಟಕ್ಕೆ ಅವಶ್ಯಕ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ಮೆನುಗಳನ್ನು ನವೀಕರಿಸಲು ಪರಿಪೂರ್ಣ.
ಅನಿಮೇಟೆಡ್ ಜಲಪಾತದ ಮೆನು
ಈ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ಬಳಕೆಯನ್ನು ತೋರಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತದೆ ವಿಳಂಬ ಅನಿಮೇಷನ್ ಪ್ರತಿ ಮೆನುವಿನಲ್ಲಿ ನೀವು ಮೌಸ್ ಪಾಯಿಂಟರ್ ಅನ್ನು ಬಿಟ್ಟಾಗ ಗೋಚರಿಸುವ ಪ್ರತಿಯೊಂದು ಅಂಶಗಳಲ್ಲೂ. ಕೆಲವು ಹತ್ತನೇ ವಿಳಂಬದೊಂದಿಗೆ, ಆ ವಿಳಂಬ ಪರಿಣಾಮವನ್ನು ಸಾಧಿಸಲಾಗುತ್ತದೆ ಅದು ಅದು ವಿಶೇಷ ಸ್ಪರ್ಶವನ್ನು ನೀಡುತ್ತದೆ.
ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ಪರಿಣಾಮಗಳು
ಒಂದು ಇದ್ದಂತೆ ಡೆಕ್‌ನಿಂದ ಕಾರ್ಡ್‌ಗಳ ಸರಣಿ, ಈ ಜಲಪಾತದ ಮೆನುವಿನ ಅನಿಮೇಷನ್ ಅದಕ್ಕೆ ಬಹಳ ವಿಶೇಷವಾಗಿದೆ. ಶುದ್ಧ ಸಿಎಸ್ಎಸ್ ಆಗಿರುವ ಅತ್ಯುತ್ತಮ ಜಲಪಾತದ ಪರಿಣಾಮ. ನಿಮ್ಮ ಸೈಟ್‌ನಲ್ಲಿ ಅದನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ನೀವು ಏನು ಮಾಡಬೇಕು ಎಂದು ನಿಮಗೆ ಈಗಾಗಲೇ ತಿಳಿದಿದೆ.
ಮೆನುವಿನಲ್ಲಿ ಜಲಪಾತ ಅನಿಮೇಷನ್
ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ಅನಿಮೇಷನ್ಗಳಿಂದ ಹೊಡೆಯುವುದು ಮತ್ತು ಆ ನೀಲಿ ಬಣ್ಣಕ್ಕಾಗಿ ಎದ್ದು ಕಾಣುತ್ತದೆ. ಫೇಡ್ and ಟ್ ಮತ್ತು ಒಳಗೆ, ಮೆನುವಿನ ವಿವಿಧ ವಿಭಾಗಗಳನ್ನು ಕಾಣುವಂತೆ ಮಾಡುವ ಅನಿಮೇಷನ್ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ತಯಾರಿಸಲಾಗುತ್ತದೆ.
ಸ್ವಲ್ಪ jQuery ನೊಂದಿಗೆ: ಜಲಪಾತದ ಮೆನು
ವೈಯಕ್ತಿಕಗೊಳಿಸಿದ ಮತ್ತು ಅತ್ಯಂತ ಸಂಕ್ಷಿಪ್ತ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ಇದು ಯಾವುದೇ ರೀತಿಯ ವಿವರಗಳನ್ನು ಹೊಂದಿರುವುದಿಲ್ಲ. ಬಹುಶಃ ಅದರ ಸರಳತೆಯು ಅದರ ಅತ್ಯುತ್ತಮ ಮತ್ತು ಕೆಟ್ಟ ಅಂಶವಾಗಿದೆ. ಇದು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್ ಮತ್ತು ನಿಮ್ಮ ಆಕಾಂಕ್ಷೆಗಳಿಗೆ ಬೇಕಾದುದನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ. ಬಹಳಷ್ಟು ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಸ್ವಲ್ಪ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್.
ಸೊಗಸಾದ ಜಲಪಾತದ ಮೆನು
ಹಿಂದಿನದರಲ್ಲಿ ನಾವು ಕೆಲವು ಅನಿಮೇಷನ್ ಮತ್ತು ಉತ್ತಮ ವಿನ್ಯಾಸವನ್ನು ಕಳೆದುಕೊಂಡರೆ, ಈ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ಇದು ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಮಾಡಬೇಕಾದ ಎಲ್ಲವನ್ನೂ ಹೊಂದಿದೆ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್. ನಾವು ಪ್ರತಿ ವಿಭಾಗದ ಮೇಲೆ ಮೌಸ್ ಪಾಯಿಂಟರ್ ಅನ್ನು ಬಿಟ್ಟಾಗ ಅನಿಮೇಷನ್ ಮತ್ತು ಕಿತ್ತಳೆ ding ಾಯೆ ಪರಿಣಾಮವು ಗಮನಾರ್ಹವಾಗಿರುತ್ತದೆ. ಪಟ್ಟಿಯಲ್ಲಿ ಅತ್ಯುತ್ತಮವಾದದ್ದು.
ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು
Un ಕನಿಷ್ಠ ಜಲಪಾತದ ಮೆನು ಮತ್ತು ಇದನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಸರಳ ಅನಿಮೇಷನ್, ಆದರೆ ಎದ್ದು ಕಾಣದಂತೆ ಚೆನ್ನಾಗಿ ಮಾಡಲಾಗುತ್ತದೆ. ಗಮನಕ್ಕೆ ಬಾರದ ಮತ್ತು ಪ್ರಸ್ತುತ ವಿನ್ಯಾಸ ಮಾನದಂಡಗಳನ್ನು ಅನುಸರಿಸುವ ಮೆನು.
ಕೆಳಗೆ ಬೀಳುವ ಪರಿವಿಡಿ
ಈ ಶುದ್ಧ ಸಿಎಸ್ಎಸ್ ಕ್ಯಾಸ್ಕೇಡ್ ಮೆನು ಮತ್ತೊಂದು ಅನಿಮೇಷನ್‌ನಿಂದ ಚೆನ್ನಾಗಿ ಗುರುತಿಸಲ್ಪಟ್ಟಿದೆ ನಾವು ಮೆನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗಲೆಲ್ಲಾ ಅದು ಸಂಭವಿಸುತ್ತದೆ. ಅನಿಮೇಷನ್ ಪರಿಪೂರ್ಣ ಸಮಯದೊಂದಿಗೆ ವಿಂಡೋವನ್ನು ಬಲಭಾಗದಿಂದ ಸ್ಲೈಡ್ ಮಾಡುತ್ತದೆ. ಇಡೀ ಪಟ್ಟಿಯಲ್ಲಿ ಅತ್ಯಂತ ಆಸಕ್ತಿದಾಯಕ ಮತ್ತೊಂದು.
ಸರಳ ಜಲಪಾತದ ಮೆನು
ಈ ಮೆನು ಮೂಲದಲ್ಲಿ ಸರಳವಾಗಿದೆ ಮತ್ತು ಇದು HTML ಮತ್ತು CSS ಅನ್ನು ಒಳಗೊಂಡಿದೆ. ನಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ಆ ಪ್ರಮುಖ ಅಂಶವನ್ನು ಮತ್ತು ಅದನ್ನು ನವೀಕರಿಸಲು ನಮಗೆ ಅನುಮತಿಸುವ ಆ ಮೆನುಗಳಲ್ಲಿ ಇದು ಮತ್ತೊಂದು ಹೆಚ್ಚು ಕ್ಯಾಂಟೆ ನೀಡಬೇಡಿ. ನಾವು ಇದರ ಅರ್ಥವನ್ನು ಚೆನ್ನಾಗಿ ಅರ್ಥಮಾಡಿಕೊಂಡಿದ್ದೇವೆ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ.
ಅಡ್ಡ ಮೆನು ನ್ಯಾವಿಗೇಷನ್
ಇದು ಈಗಾಗಲೇ ಪೂರೈಸಬೇಕಾಗಿದ್ದರೂ ಅವರ 4 ವರ್ಷಗಳು, ಈ ಜಲಪಾತದ ಮೆನು ಅದರ ಪಕ್ಕದಲ್ಲಿರುವದನ್ನು ಸಾಕಷ್ಟು ಸೃಜನಶೀಲ ರೀತಿಯಲ್ಲಿ ಅತಿಕ್ರಮಿಸುತ್ತದೆ. ನೀವು ಬೇರೆ ಯಾವುದನ್ನಾದರೂ ಹುಡುಕುತ್ತಿದ್ದರೆ, ಅದು ನೀವು ಪಟ್ಟಿಯಿಂದ ಆಯ್ಕೆ ಮಾಡಬಹುದಾದ ಇನ್ನೊಂದು.
ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು
ಮತ್ತೊಂದು ಮೆನು ಸಂಪೂರ್ಣವಾಗಿ ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಅದು ಇದು ಸಾಕಷ್ಟು ವರ್ಣಮಯವಾಗಿದೆ, ಕನಿಷ್ಠ ಉದಾಹರಣೆಯಲ್ಲಿ ನೀಡಲಾದ ಗ್ರಾಹಕೀಕರಣದಲ್ಲಿ. ಚಪ್ಪಟೆ ಬಣ್ಣಗಳೊಂದಿಗೆ, ಆನಿಮೇಷನ್ ರೋಲಿಂಗ್ ಶಟರ್ ಪರಿಣಾಮವನ್ನು ಬಹಿರಂಗಪಡಿಸುತ್ತದೆ ಅದು ಆಯ್ಕೆಮಾಡಿದ ಮೆನುವಿನ ವಿವಿಧ ವಿಭಾಗಗಳನ್ನು ಇಳಿಯುತ್ತದೆ. ಉತ್ತಮವಾಗಿ ಆಯ್ಕೆಮಾಡಿದ ಥೀಮ್ ಹೊಂದಿರುವ ಪಟ್ಟಿಯಲ್ಲಿರುವ ಕುತೂಹಲಕಾರಿ ಜಲಪಾತದ ಮೆನುಗಳಲ್ಲಿ ಮತ್ತೊಂದು.
ಸ್ವಲ್ಪ ಜೆಎಸ್ ಹೊಂದಿರುವ ಜಲಪಾತದ ಮೆನು
ಈ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ತುಂಬಾ ಕಡಿಮೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಬಳಸುತ್ತದೆ, ನಾವು ಬೇರೆಯದಕ್ಕೆ ಹೋದಾಗ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಮೆನುವನ್ನು ಮುಚ್ಚಲು ಸಾಕು. ಇದೆ ಉತ್ತಮ ಸಮಯ ಅನಿಮೇಷನ್ ಪರಿಣಾಮದಲ್ಲಿ ಈ ವಿಷಯದಲ್ಲಿ ಅತ್ಯುತ್ತಮವಾದುದು.
ಮತ್ತೊಂದು ಶುದ್ಧ ಸಿಎಸ್ಎಸ್ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಮೆನು
ಇದರಲ್ಲಿ ಅನಿಮೇಷನ್ ಹೊಂದಿರುವ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಮೆನು ಸಾವಿರ ವಿಳಂಬವಿಲ್ಲ ಎರಡನೇ. ಆದ್ದರಿಂದ ಇದು ಸಂದರ್ಶಕರ ಮೇಲೆ ತಕ್ಷಣದ ಪರಿಣಾಮವನ್ನು ಉಂಟುಮಾಡುತ್ತದೆ. ಸಾಮಾನ್ಯ ಮಟ್ಟದಲ್ಲಿ ಹೆಚ್ಚಿನ ಅಭಿಮಾನಿಗಳಿಲ್ಲದೆ ಹೂವರ್ ಪರಿಣಾಮ ಮತ್ತು ಆಸಕ್ತಿದಾಯಕ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು.
ಕ್ಯಾಸ್ಕೇಡ್ ಮೆನು ig ಿಗ್ ಜಾಗ್ ಪರಿಕಲ್ಪನೆ
ಈ ಪೋಸ್ಟ್‌ನಲ್ಲಿನ ಸಂಪೂರ್ಣ ಪಟ್ಟಿಯನ್ನು ಹೊರತುಪಡಿಸಿ ನೀವು ಮೆನುವೊಂದನ್ನು ಹುಡುಕುತ್ತಿದ್ದರೆ, ಈ ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ನೀವು ಹುಡುಕಬಹುದಾದ ಎಲ್ಲವನ್ನೂ ಹೊಂದಿದೆ. ದಿ ಉತ್ಪತ್ತಿಯಾದ ಅನಿಮೇಷನ್ ಅಂಕುಡೊಂಕಾದ ಸ್ವಲ್ಪ ಪ್ರಾಯೋಗಿಕ ಮತ್ತೊಂದು ರೀತಿಯ ಅನುಭವವನ್ನು ನೀಡಲು. ಇದು ಸಂಪೂರ್ಣವಾಗಿ ವಿಡಿಯೋ ಗೇಮ್ ಥೀಮ್‌ಗೆ ಹೊಂದಿಕೊಳ್ಳಬಹುದು, ಆದ್ದರಿಂದ ನೀವು ಕೆಲವು ರೀತಿಯ ಕ್ಲೈಂಟ್‌ಗಳನ್ನು ವಿಭಿನ್ನವಾಗಿ ಹುಡುಕುತ್ತಿದ್ದರೆ, ಅದು ಸಂಪೂರ್ಣ ಪಟ್ಟಿಯ ಅತ್ಯಂತ ಸೂಕ್ತವಾಗಿದೆ. ಇದರ ಓರೆಯಾದ ಆಕಾರಗಳು ಮತ್ತು ವೇಗದ ಅನಿಮೇಷನ್ ಎಲ್ಲವನ್ನೂ ಹೇಳುತ್ತದೆ.
ನಾವು ನಿಮ್ಮನ್ನು ಬಿಟ್ಟು ಹೋಗುತ್ತೇವೆ ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಈ ಸರಣಿ ಸಿಎಸ್ಎಸ್ ಮೆನುಗಳು ಅವುಗಳಲ್ಲಿ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯಿದೆ.