/ Published in: HTML
Source code for http://stackoverflow.com/questions/3740245
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!-- eliminating the following line resolves the bug --> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" type="text/css" /> <script type="text/javascript"> var $j = jQuery.noConflict(); $j(function () { var setupVolumeSlider = function () { $j("#volume-slider").slider({ orientation: "vertical", min: 0, max: 100 }); }; setupVolumeSlider(); }); </script> <style type="text/css"> body { padding: 100px; } div#volume-slider { height: 100px;} </style> </head> <body> </body> </html>