margin-left
html
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <title>jQuery asSwitch Plugin Demos</title> <link rel="stylesheet" href="css/asSwitch.css"> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="js/jquery-asSwitch.js"></script> </head> <body> <div id="wrapper" style="margin-left:100px;"> <h2>jQuery asSwitch Plugin Demos</h2> <section> <div class="example"> <input class="sw-8" type="checkbox" checked="checked" /> <script> $(document).ready(function() { $('.sw-8').asSwitch({ skin: 'skin-8' }); }); </script> </div> </section> </div> </body> </html>
<div class="asSwitch-inner-box" style="margin-left: -42px;"> <div class="asSwitch-on">LIVE</div> <div class="asSwitch-off">HIDDEN</div> </div> </div>
asSwitch.css
jquery-asSwitch.js
jquery
<div class="asSwitch-inner-box">
pre
HTML
<style> .asSwitch-inner-box { margin-left: -65px; } </style>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)