jQuery 0 Comment

Jquery onmouseover and onmouseout event with animate

We can make an event with jquery when we take our mouse over any element. We need to get an class, id or any unique identification of element to perform better result. In the same time when we move our mouse from certain div we can bind that event too with some sort of...
Read More ⟶

jQuery 0 Comment

Creating a smooth scroll within a page

Creating smooth Scroll within a page by clicking an anchor link. // document ready { $(function() { $('a[href^="#"]').click(function() { $('html,body').animate({scrollTop:$(this.hash).offset().top}, 200); return false; }); }); // ...
Read More ⟶

jQuery 0 Comment

Jquery animate back to top

Jquery animate back to top will provide an easy way to the user to scroll or animate back to top. HTML Markup for jquery animate back to top Following is the html markup. Copy and paste it in to your html document where you want it to appear. Add the required css style...
Read More ⟶

jQuery 0 Comment

bootstrap slider sliding images on mouseover

Bootstrap slider sliding images on mouseover Twitter bootstrap is a great resources for a front end developers. It includes all most necessary plugins to make an website interactive. At the same time if we talk about the bootstrap carousel, its one of the finest plugin...
Read More ⟶

jQuery 0 Comment

Parallax image scroll

Parallax image scroll effect with simple jquery code Its very easy with jquery to make a image scroll with parallax. Copy the below jquery code to get parallax image scroll effect. jQuery(document).ready(function(){ // Cache the Window object $window =...
Read More ⟶

jQuery 7 Comment

Add class active on page refresh jquery

In this post you will learn how to add class active on page refresh jquery only. Sometimes in a dynamic page we have only one single page for menu markup. Its not possible to add class “active” in a HTML method. There are lots of ways to do this. PHP does it well....
Read More ⟶

jQuery 0 Comment

Third level navigation with responsive

In this tutorial I am going to show you how to create a third level navigation with responsive that supports up to cross devices. With an increased mobility now a days it is very important to make your website compatible across all devices. The most but atleast one of...
Read More ⟶

jQuery 0 Comment

Gif loader before page loads completely

The technique behind showing a gif loader before page loads completely is very easy. Basically what it is doing ? It is first displayed as a normal div but with the condition of jquery it will hide when the browser is completely loads. Similarly it will add a class to...
Read More ⟶

jQuery 0 Comment

Jquery UI autocomplete with API request

Jquery UI autocomplete with API request is one of the recent thing I have done. I am going to share what I have done. In order to start with Jquery UI autocomplete with API request we will use jqueryUI plugin. autoComplete:...
Read More ⟶

Get the category and time seperately from default wordpress themes

Copy and paste the following code into the loop <?php printf( get_the_category_list( __( ', ', 'twentytwelve' ) ) ); ?> <?php the_time('F jS, Y')...
Read More ⟶