JQuery - Sliding Effect in Hindi

First Page

jQuery उन विधियों के एक सेट को प्रदान करता है जिनका उपयोग स्क्रीन पर और बंद तत्वों को slide करने के लिए किया जाता है JQuery का उपयोग करके आप HTML तत्व को ऊपर और नीचे से स्लाइड कर सकते हैं एचटीएमएल तत्वों के फिसलने के लिए इसके predefined तरीकों का पालन किया गया है

JQuery आपको अपने पृष्ठ में HTML तत्वों के लिए कुछ task प्रभाव लागू करने में सक्षम बनाता है प्रत्येक प्रभाव JQuery में एक विशेष प्रभाव function को कॉल करके किया जाता है ये प्रभाव कार्यों में सबसे आम हैं

JQuery के पुस्तकालय वेब पेज पर एनीमेशन को जोड़ने के लिए कई तकनीकी प्रदान करता है ये सरल, task एनिमेशन है जो अक्सर उपयोग किए जाते हैं और refined कस्टम प्रभावों को शिल्प करने की क्षमता इनमे शामिल हैं।

Types of Sliding Effect

jquery slideDown()
jquery slideUp()
jquery slideToggle()

Example Code

<!DOCTYPE html>
<html>
<head>

<style> 
#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #8A2BE2;
    border: solid 1px #7FFF00;
}

#panel {
    padding: 50px;
    display: none;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script> 
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideDown("slow");
    });
});
</script>
</head>
<body>
 
<div id="flip">Click here to slide</div>
<div id="panel">Hello world!</div>

</body>
</html>

Example Result

Click here to slide

Hello world!

First Page