How to Create Sliding Method using jQuery

How to Create Sliding Method using jQuery

In this article, you will learn How to Create Sliding Method using jQuery. Example:- <html> <head> <title>Sliding Method in jQuery</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle("slow"); }); }); </script> <style> #panel, #flip { padding: 5px; text-align: center; color:#ffffff; background-color: #e8002b; border: solid 1px #c3c3c3; } #panel { padding: 50px; display: none; } </style> </head> <body> <div id="flip">Click […]
Read Full Article
How to Create Image Gallery in HTML

How to Create Image Gallery in HTML

In this article, you learn How to Create Image Gallery in HTML. Follow the Example. Example:- gallery.html <html> <head> <title>Image Gallery</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="gallery"> <a target="_blank" href="img_one.jpg"> <img src="img_one.jpg" alt="img_one" width="500" height="300"> </a> <div class="descr">Image One</div> </div> <div class="gallery"> <a target="_blank" href="img_two.jpg"> <img src="img_two.jpg" alt="img_two" width="500" height="300"> </a> <div class="descr">Image Two</div> […]
Read Full Article