Recent news

Thursday, 19 May 2016

iPhone Style Dragging Icon Menu Using jQuery For Mobile and Web




This article will show you how you can create a iPhone style icon menu for you web and mobile applications. This plugin is a jQuery icon menu using css and jQuery.


How To Use

1. Add the below library reference

<link rel="stylesheet" type="text/css" href="http://inserthtml.com/demo/drag/style.css" />
<script src="http://inserthtml.com/demo/drag/jquery.js"></script>
<script src="http://inserthtml.com/demo/drag/dragsensitive.jquery.js"></script>


2. Now add the below html tag.

<div class="content">
       <div class="item"> <div class="itemcontent"><a href="hey!">Some Content</a></div> </div>
       <div class="item"> </div>
       <div class="item"> </div>
       <div class="item"> </div>
       <div class="item"> </div>
       <div class="item"> </div>
       <div class="item"> </div>
       <div class="item"> </div>
      
</div>


3. Add the below code to validate form
 
  $(document).ready(function () {

        $('.content').dragSensitive({
            rowLength: 10,
            boxWidth: 500,
            boxHeight: 500,
            rate: 1.3,
            round: true,
            mistake: 20
        });
    });




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