Neepan Tech give training in Web Technology at Bhopal. Here you will came across development Part that is HTML, PHP, , DOT NET, Javascript for designing portion include CSS ( Cascaded Style Sheet) and for the Database you will came to know about the MYSQL and SQL SERVER. At Neepan Tech give facility to upload your own [...]
PHP Overview
PHP first launched with the name (Personal Home Page) but then changed to PHP Hypertext Preprocessor. PHP is the most used module for the apache web server running over millions of website over internet, PHP was first written by Rasmus Lerdorf and used with Perl and CCI Scripts to track users for there web page. Soon [...]
jQuery Selectors
Use our excellent jQuery Selector.
Selector
Example
Selects
*
$(“*”)
All elements
#id
$(“#lastname”)
The element with id=lastname
.class
$(“.intro”)
All elements with
element
$(“p”)
All p elements
.class.class
$(“.intro.demo”)
All elements with the classes “intro” and “demo”
:first
$(“p:first”)
The first p element
:last
$(“p:last”)
The last p element
:even
$(“tr:even”)
All even tr elements
dd
$(“tr:odd”)
All odd tr elements
:eq(index)
$(“ul li:eq(3)”)
The fourth element in a list (index starts at 0)
:gt(no)
$(“ul li:gt(3)”)
List elements with an index greater than 3
:lt(no)
$(“ul li:lt(3)”)
List elements with [...]
Animation using jQuery Tutorial
Initially we have a div with id box.
Using jquery animate() effect we move the box in right direction.
CSS property (Left: 150px; and position: relative;) is to be focused.
Apply jQuery function animate() to create animation effect.
HTML Code:
<div id=”box”>
<p>NeepanTech PHP Training and .NET Training</p>
</div>
CSS CODE:
<style type=”text/css”>
#box{
position: relative;
width: 300px;
height: 300px;
background-color: yellow;
}
</style>
jQuery Code:
<script type=”text/javascript”>
$(function(){
$(‘#box’).click(function(){
$(this).animate({“left” : “300px”,
“width” [...]
Tutorial Using CSS in Jquery Function
Our Task is to change the color of the anchor using jquery function and using toggle() with slideDown().
We have div with id box with all anchor links with red color.
As we click the Click Me button the color of the links change and the toggle() start working.
HTML Code:
<div id=”box”>
<a [...]
Jquery Tutorial – on fadeIn, fadeOut, hide, show Effects
There are lot of effects in jquery that help your GUI look better, Here is the simple example of how effects take place.
Take a div name box.
insert image inside the div#box
Using CSS hide the div Property (display: none;).
Apply jQuery Effects.
HTML Code:
<div id=”box”>
<a href=”http://www.neepantech.com”><img src=”12.png” alt=”NeepanTech Logo”/></a>
</div>
<a href=”#” [...]
Jquery Tutorial – Twitter Like Button
Create a div navigation for the menu.
Create a div login-window for the login.
With the help of CSS Property (display: inline) hide the div.
Call the div using the jquery.
If you want jquery to be executed after the document is completed loaded then use.
$(function(){
});
CSS Coding
<style type=”text/css”>
*{
margin: 0px;
paddin: 0px;
}
body{
width: 900px;
margin: 0 auto;
}
label{
width: [...]
Jquery Tutorial 2
Simple Example of fadeout of div#box using jquery.
Create a div with id box.
Using CSS define height and width of the div.
Apply Jquery.
If you want jquery to be executed after the document is completed loaded then use
$(function(){
});
Select anchor tag. onclick anchor tag fade out the div with id box.
$(‘a’).click(function(){
$(‘#box’).fadeOut(3000);
});
Download the Code View Code
Jquery Tutorial 1
Before start to the jquery coding you need to first download the jquery library from jquery official website.
Configure Jquery
Download library file.
Adding .js file in the head section of the HTML page.
<head>
<title>Jquery Tutorial – Configure Jquery</title>
<script src=”jquery-lib.js” type=”text/javascript”></script>
</head>
Download Code
Just Fill the form below and we will send the Training Report on your Email. Only for NeepanTech students.
For any further enquiries, Contact: 9926255956
NeepanTech Student from Bhabha Engg.Research Institute Bhopal has develop thetech4you.com website.
This website is developed with the aim of exploring Madhya Pradesh in new way and by new thought.This website will help you visit different district tourist place in M.P ,This website covers road maps ,railway road map, physical map of M.P.and you can understand culture of Madhya Pradesh , Festival of Madhya Pradesh , [...]
