article:
Elements Design: Classic Web Button Pack
article:
Elements Design: Pictonic

JS Plugin: slideControl.js

Advertisement

"slideControl is a jQuery plugin that allows you to easily make sliders for range inputs"


Usage

<head>

<linkrel="stylesheet"type="text/css"href="slideControl.css"/><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script><scripttype="text/javascript"src="jquery.slideControl.js"></script><scripttype="text/javascript">
$(document).ready(function(){
  $('.slideControl').slideControl();});</script>

<body>
<ul><li><label>Responsiveness: </label><inputtype="text"value="6.0"class="slideControl"/></li><li><label>Safety: </label><inputtype="text"value="4.0"class="slideControl"/></li><li><label>Information: </label><inputtype="text"value="9.0"class="slideControl"/></li></ul>


Screenshot

Plugin: slideControl.js


Options

- speed: Controls the speed of the animation for a slider reszing, defaults to 400
- lowerBound: Sets the minimum amount the slider can be set to, defaults to 1
- upperBound: Sets the maximum amount the slider can be set to, defaults to 10




source
github
download

Advertisement
Tags: slide, control, plugin, jquery, develop, web

Leave a Comment

No Comment

© Creative3x Ltd.