Recent news

Wednesday, 25 May 2016

Background Effect To Slide inward jQuery Plugin With Css3 Effect




Slide in jQuery plugin is a plugin which perform background slide in effect. When user click on link as per link different sliding effect will come as per the selection. Sliding will always take place in word.


How To Use

1. Add the below library reference

<link rel="stylesheet" type="text/css" href="http://www.inserthtml.com/demo/sp-slide-in/style.css" />
<script type="text/javascript" src="http://www.inserthtml.com/demo/sp-slide-in/jquery.js"></script>
<script type="text/javascript" src="http://www.inserthtml.com/demo/sp-slide-in/shadow.js"></script>
<script type="text/javascript" src="http://www.inserthtml.com/demo/sp-slide-in/javascript.js"></script>


2. Now add the below html tag.

<ul id="menu">
       <li><a href="" name="home">Home</a></li>
       <li><a href="" name="about">About</a></li>
       <li><a href="" name="services">Services</a></li>
</ul>

<div id="home">
       <div class="content">
             
       </div>
</div>
<div id="about">
       <div class="content">
             
       </div>
</div>
<div id="services">
       <div class="content">
             
       </div>
</div>



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles