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 […]
Author: Sanjay Jain
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; } […]
Prespective in HTML CSSPrespective in HTML CSS
Prespective in HTML CSS
Transform Translate Move in HTML CSSTransform Translate Move in HTML CSS
Transform Translate Move in HTML CSS Html Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:rotate(0px,0px); transition:1s; } .s1:hover{transform:translate(100px,100px); transition:1s; }
Transform Skew in HTML CSSTransform Skew in HTML CSS
Transform Skew in HTML CSS HTML Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:skew(0deg,0deg); transition:1s; } .s1:hover{transform:skew(30deg,30deg); transition:1s; }
Transform Rotate in HTML CSSTransform Rotate in HTML CSS
Transform Rotate in HTML CSS Transform Rotate in HTML CSS in Delhi HTML Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:rotate(0deg); transition:4s; } .s1:hover{transform:rotate(1800deg); transition:4s; }
Transform Scale in HTML CSSTransform Scale in HTML CSS
Transform Scale in HTML CSS Transform Scale in HTML CSS in Delhi HTML Code <div class=”s1″></div> CSS Code .s1{ width:300px; height:300px; margin-left:200px; margin-top:200px; background-color:red; transform:scale(1,1); transition:1s; } .s1:hover{transform:scale(2,2); transition:1s; }
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″> […]
Difference Between Margin And Padding in Html CssDifference Between Margin And Padding in Html Css
Difference Between Margin And Padding in Html Css margin is applied into outside of you element hence effecting how fare your elements is away from other elements . padding is apply to the inside of your elements hence effecting how far your elements content is away from the border.
Absolute vs Relative in HTML CSSAbsolute vs Relative in HTML CSS
Absolute vs Relative in HTML CSS Absolute vs Relative in HTML CSS in Delhi, India Relative div acquire space but Absolute div not acquire space. Relative div starts from last div and absolute starts from nearest relative div.