javascript - Slide div in from right -
मेरे पास मेरे Shopify थीम में निम्न कोड है
& lt; स्क्रिप्ट भाषा = "जावास्क्रिप्ट" & gt; फ़ंक्शन सेट विस्जिबिलिटी (आईडी) {यदि (document.getElementById ('एस्ट्रोजेन')। Value == 'लेजर छिपाएं') {document.getElementById ('opensign')। Value = 'show layer'; document.getElementById (आईडी) .style.display = 'none'; } और {document.getElementById ('एस्तेसिन')। value = 'छिपाएँ परत'; document.getElementById (आईडी) .style.display = 'inline'; }} & lt; / script & gt; क्या मैं जोड़ सकता हूँ ताकि बॉक्स ठीक से खिसक गए? बॉक्स के लिए कोड नीचे दिया गया है:
& lt; a href = "#" id = "ओवरसिन" onclick = "सेट विसबिलिबिलिटी ('साइन');"; & gt; साइन इन करें & lt; / a & gt; & lt; div id = "sign" & gt; Blaslasd। & Lt; / div & gt;
आप छिपाने के लिए एक सीएसएस वर्ग का उपयोग कर सकते हैं, जिसे आरंभ से जोड़ना चाहिए: <पूर्व> । छोड़ें {बाएं: 100%; अस्पष्टता: 0; } और संक्रमण के लिए एक वर्ग:
। एनिमेटेड {संक्रमण: बायां 1s; -वेबकिट-संक्रमण: बायां 1s; } फिर अपनी जावास्क्रिप्ट में, छुपा वर्ग जोड़ें और निकालें।
आप कोडेपोन पर एक डेमो देख सकते हैं।
Comments
Post a Comment