Ragazzi, se qualcuno ha lo stesso problemma ecco la soluzione:
codice:<body> <style type="text/css"> #move { height: 10px; width: 0px; position: relative; background: green; display: block; } .inner{ display: block; position: static; top: 0; left: 0; max-width: 400px; height: 10px; overflow: hidden; border:solid; border-width:1px; } </style> <div id="inner" class="inner"> <div id="move"> </div> </div> <script type="text/javascript"> var div2 = document.getElementById('inner'); div2.onmousedown = function(){ document.onmousemove = function(e){ document.getElementById('move').style.width = e.pageX+"px"; } document.onmouseup = function(e){ document.getElementById('move').style.width = 0+'px'; document.onmousemove = function(){}; } } </script> </body>


Rispondi quotando
