Author: Sanjay Jain

Simple Jquery UI Menu Step By StepSimple Jquery UI Menu Step By Step

Simple Jquery UI Menu Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> <style> .ui-menu { width: 200px; } li{ width:198px; height:50px; border:1px solid black; } </style> </head> <body> <ul id=”sanjay”> <li><a href=”#”>Home</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Courses</a> <ul> <li><a href=”#”>Core Java</a></li> <li><a href=”#”>J2EE</a></li> <li><a […]

Simple Jquery UI Datepicker With Set Date Step By StepSimple Jquery UI Datepicker With Set Date Step By Step

Simple Jquery UI Datepicker With Set Date Step By Step H HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <input type=”text” class=”date”><br> </body> </html> JAVASCRIPT CODE $(“.date”).datepicker(); $( “.date” ).datepicker(“setDate”, “1Y+1M+2W+2”);    

Simple Jquery UI Datepicker Step By StepSimple Jquery UI Datepicker Step By Step

Simple Jquery UI Datepicker Step By Step HTML CODE <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”js/jquery-3.3.1.min.js”></script> <script src=”js/jquery-ui.min.js”></script> <link href=”js/jquery-ui.min.css” rel=”stylesheet”> </head> <body> <input type=”text” id=”date”><br> </body> </html> JAVASCRIPT CODE $(“#date”).datepicker();  

JQuery Simple Accordion Step By StepJQuery Simple Accordion Step By Step

JQuery Simple Accordion Step By Step HTML Code <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Untitled Document</title> <script src=”jquery-3.4.1.min.js”></script> </head> <body> <div class=”s1″></div> <div class=”s2″></div> <div class=”s3″></div> <div class=”s4″></div> <div class=”s5″></div> <div class=”s6″></div> <div class=”s7″></div> <div class=”s8″></div> <script src=”myjs.js”></script> </body> </html> CSS Code .s1,.s3,.s5,.s7{ width:600px; height:50px; background-color:red; border:1px solid black; } .s2{ width:602px; height:300px; background-color:green; } […]

Image Filters In HTML CSSImage Filters In HTML CSS

Image Filters In HTML CSS Image Filters In HTML CSS in Delhi HTML Code <img src=”sanjay-jain.jpg” alt=”” width=”300″ height=”300″> <img class=”blur” src=”sanjay-jain.jpg” alt=”” width=”300″ height=”300″> <img class=”brightness” src=”sanjay-jain.jpg” alt=”” width=”300″ height=”300″> <img class=”contrast” src=”sanjay-jain.jpg” alt=”” width=”300″ height=”300″> <img class=”grayscale” src=”sanjay-jain.jpg” alt=”sanjay-jain” width=”300″ height=”300″> <img class=”grayscale” src=”sanjay-jain.jpg” alt=”sanjay-jain” width=”300″ height=”300″> <img class=”invert” src=”sanjay-jain.jpg” alt=”sanjay-jain” width=”300″ height=”300″> […]