39 lines
16 KiB
Plaintext
39 lines
16 KiB
Plaintext
|
b0VIM 8.1 <00>Ģ[<5B><>2 \ huaqiancai huaqiandeMacBook-Pro.local ~huaqiancai/Downloads/jquery-ui-1.12.1.custom/index.html
3210 #"! U
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
k
|
|||
|
|
A
|
|||
|
|
;
|
|||
|
|
|
|||
|
|
<00> <00> <00> <00> <00> <00> <00> c b a ` I <00> <00> <00> / <00> <00> <00> <00> <00> <00> <00> <00> } ` G . <00> <00> <00> <00> g [ % <00> <00> ` 5 <00> <00> n Q I = < ; : ,
|
|||
|
|
<00> <00> <00> <00> ~ w v u <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </ul> <li><a href="#tabs-3">Third</a></li> <li><a href="#tabs-2">Second</a></li> <li><a href="#tabs-1">First</a></li> <ul> <div id="tabs"> <h2 class="demoHeaders">Tabs</h2> <!-- Tabs --> </fieldset> </div> <button>Book Now!</button> <input id="horizontal-spinner" class="ui-spinner-input"> <label for="horizontal-spinner" class="ui-controlgroup-label"># of cars</label> <input type="checkbox" name="insurance" id="insurance"> <label for="insurance">Insurance</label> <input type="radio" name="transmission" id="transmission-automatic"> <label for="transmission-automatic">Automatic</label> <input type="radio" name="transmission" id="transmission-standard"> <label for="transmission-standard">Standard</label> </select> <option>Van</option> <option>Truck</option> <option>Luxury</option> <option>SUV</option> <option>Full size car</option> <option>Midsize car</option> <option>Compact car</option> <select id="car-type"> <div id="controlgroup"> <legend>Rental Car</legend> <fieldset> <h2 class="demoHeaders">Controlgroup</h2> <!-- Controlgroup --> </form> </div> <input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label> <input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label> <input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label> <div id="radioset"> <form style="margin-top: 1em;"> <h2 class="demoHeaders">Checkboxradio</h2> <!-- Checkboxradio --> <button id="button-icon">An icon-only button</button> <button id="button">A button element</button> <h2 class="demoHeaders">Button</h2> <!-- Button --> </div> <input id="autocomplete" title="type "a""> <div> <h2 class="demoHeaders">Autocomplete</h2> <!-- Autocomplete --> </div> <div>Nam dui erat, auctor a, dignissim quis.</div> <h3>Third</h3> <div>Phasellus mattis tincidunt nibh.</div> <h3>Second</h3> <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div> <h3>First</h3> <div id="accordion"> <h2 class="demoHeaders">Accordion</h2> <!-- Accordion --> <h1>YOUR COMPONENTS:</h1> </div> <p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p> <div class="ui-widget"> <h1>Welcome to jQuery UI!</h1> <body> </head> </style> } width: 200px; select { } position: absolute; .fakewindowcontain .ui-widget-overlay { } margin: 0 4px; float: left; #icons span.ui-icon { } list-style: none; float: left; cursor: pointer; padding: 4px 0; position: relative; margin: 2px; #icons li { } padding: 0; margin: 0; #icons { } margin-top: -8px; top: 50%; left: .2em; position: absolute; margin: 0 5px 0 0; #dialog-link span.ui-icon { } position: relative; text-decoration: none; padding: .4em 1em .4em 20px; #dialog-link { } margin-top: 2em; .demoHeaders { } margin: 50px; font-family: "Trebuchet MS", sans-serif; body{ <style> <link href="jquery-ui.css" rel="stylesheet"> <title>jQuery UI Example Page</title> <meta charset="utf-8"> <head> <html lang="us"> <!doctype html> ad <00> <00> <00> | { z _ 0 <00> d ' <00>
<00>
\
!
<00> <00> <00> <00> <00> <00> <00> <00> x g W O E ? 7 + ! <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> c L H G F E , <00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
<00>
|
|||
|
|
|
|||
|
|
~
|
|||
|
|
f
|
|||
|
|
T
|
|||
|
|
G
|
|||
|
|
;
|
|||
|
|
7
|
|||
|
|
(
|
|||
|
|
|
|||
|
|
<00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> k = <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> <00> c X T S R Q 6 5 4 3 <00> <00> <00> <00> <00> <00> <00> <00> <00> V R D <00> <00> <00> </html> </body> </script> ); } $( this ).removeClass( "ui-state-hover" ); function() { }, $( this ).addClass( "ui-state-hover" ); function() { $( "#dialog-link, #icons li" ).hover( // Hover states on the static widgets $( "#selectmenu" ).selectmenu(); $( "#tooltip" ).tooltip(); $( "#menu" ).menu(); $( "#spinner" ).spinner(); }); value: 20 $( "#progressbar" ).progressbar({ }); values: [ 17, 67 ] range: true, $( "#slider" ).slider({ }); inline: true $( "#datepicker" ).datepicker({ }); event.preventDefault(); $( "#dialog" ).dialog( "open" ); $( "#dialog-link" ).click(function( event ) { // Link to open the dialog }); ] } } $( this ).dialog( "close" ); click: function() { text: "Cancel", { }, } $( this ).dialog( "close" ); click: function() { text: "Ok", { buttons: [ width: 400, autoOpen: false, $( "#dialog" ).dialog({ $( "#tabs" ).tabs(); $( "#controlgroup" ).controlgroup(); $( "#radioset" ).buttonset(); }); showLabel: false icon: "ui-icon-gear", $( "#button-icon" ).button({ $( "#button" ).button(); }); source: availableTags $( "#autocomplete" ).autocomplete({ ]; "Scheme" "Scala", "Ruby", "Python", "PHP", "Perl", "Lisp", "JavaScript", "Java", "Haskell", "Groovy", "Fortran", "Erlang", "ColdFusion", "COBOL", "Clojure", "C++", "C", "BASIC", "Asp", "AppleScript", "ActionScript", var availableTags = [ $( "#accordion" ).accordion(); <script> <script src="jquery-ui.js"></script> <script src="external/jquery/jquery.js"></script> </div> </div> <strong>Alert:</strong> Sample ui-state-error style.</p> <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> <div class="ui-widget"> <br> </div> </div> <strong>Hey!</strong> Sample ui-state-highlight style.</p> <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span> <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;"> <div class="ui-widget"> <h2 class="demoHeaders">Highlight / Error</h2> <!-- Highlight / Error --> </p> the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.
|