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

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -