Showing posts with label jQuery. Show all posts
Showing posts with label jQuery. Show all posts

Wednesday, August 28, 2019

Demonstration of fadeIn Method of jQuery

Demonstration of fadeIn Method of jQuery



<!DOCTYPE html>
<script src=""></script>


margin: 50px;
  background-color: #f44336;;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;


<h1>Demonstrate fadeIn() with different parameters.</h1>

<button id="button1">Hover the mouse to fade in boxes (move mouse over me and then move out )</button><br><br>

<div id="div1" style="width:90px;height:90px;display:none;background-color:#DD4132;">
<div id="div2" style="width:90px;height:90px;display:none;background-color:#79C753;">
<div id="div3" style="width:90px;height:90px;display:none;background-color:#FA9A85;">
<div id="div4" style="width:90px;height:90px;display:none;background-color:#F96714;">
<div id="div5" style="width:90px;height:90px;display:none;background-color:#FAE03C;">


Sunday, August 13, 2017

jQuery Presentation

jQuery Basics

What is Jquery?

Fast and ConsiseJavascriptLibrary created by John Resigin 2006

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-source software using the permissive MIT License. As of May 2019, jQuery is used by 73% of the 10 million most popular websites. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin, having 3 to 4 times more usage than any other JavaScript library

Create a Digital Clock using HTML and JavaScript

Create a Digital Clock using HTML and JavaScript  <! DOCTYPE html> < html > < head > <...


Search This Blog

Popular Posts