JQuery UI 开发指南

所需积分/C币:10 2014-09-10 18:09:29 6.72MB PDF

JQuery UI 入门教材,
jQuery UI Eric sarrion O REILLY Beijing· Cambridge· Farnham·Koln· Sebastopol· Tokyo ue y上 ric sarrion Copyright@ 2012 Eric Sarrion. All rights reserved Printed in the United States of america Published by o'reilly media, Inc, 1005 Gravenstein Highway North, Sebastopol, CA 95472 O'Reilly books may be purchased for educational, business, or sales promotional use. Online editions arealsoavailableformosttitles(http://my.safaribooksonline.com).Formoreinformationcontactour corporate/institutionalsalesdepartment:(800)998-9938orcorporate@oreilly.com Editor: Simon St laurent Cover Designer: Karen Montgomery Production Editor: Rachel Steely Interior Designer: David Futato 〔 opyedito:Jas asmine perez lustrator robert romano Proofreader: Jasmine perez Revision History for the First Edition: 201203-09 clease Seehttp://oreilly.com/catalog/errata.csp?isbn=9781449316990forreleasedetails Nutshell Handbook, the Nutshell Handbook logo, and the O Reilly logo are registered trademarks of O'Reilly Media, Inc. jQuery UI, the image of a turnstone, and related trade dress are trademarks of O'Reilly Media, Inc Many of the designations used by manufacturers and sellers to distinguish their products are claimed as rademarks. Where those designations appear in this book, and O'Reilly Media, Inc. was aware of a trademark claim, the designations have been printed in caps or initial caps While every precaution has been taken in the preparation of this book. the publisher and author assume no responsibility for errors or omissions, or for damages resulting from the use of the information con- tained herein ISBN:978-1-449-31699-0 1331233105 Table of contents Preface 1. Introduction to jQuery UI Query UI Installation Overview of jQuery UI What Is a css theme Which Files Should We Include in Our HTML Pages U ncompi ed file Compressed files Change the CSs theme And now? 2. Tabs Basic Principles of Tabs 11 Formatting Content The tabs( Method The tabs(options) Method 15 The tabs(“ action”, params) Method The bind o Method Examples of using tabs 18 Dynamic Creation of Tabs 18 Modifying the Contents of a Tab Using ajax Transmitting the Information to the Server via ajax Using the Tabs add Method Using the tabsadd Event 24 3. Accordion menus∴ 25 Basic Principles of accordion Menus Formatting Content 27 The accordion o Method 29 The accordion(options) Method 30 he accordion(“ action”, params) Method Event Management in Accordion Menus with bind O 32 Examples of Using Accordion Menus Opening Any menu 32 Loading the Contents of a Menu with ajax: Using options Loading the contents of a menu with Ajax: Using accordionchange 35 4. Dialog boxes Basic Principles of dialog boxes 37 Formatting Content 39 The dialog o method 42 The dialog(options) Method The dialog(“ action”, params) Method Event Handling in Dialog boxes with bind o Examples of Using Dialog Boxes 46 Opening and Closing a Dialog be 46 Applying an Effect When Opening or Closing the Dialog Box 48 Verifying the Closure of the Dialog Box 49 Hiding the close button 50 Inserting Buttons in the Dialog Box Inserting Content Using Ajax Changing the behavior of a dialog box with Effects 54 5. Buttons 57 Basic Principles of Buttons 57 Formatting Content 58 The button o Method The button(options) Method The button(“ action”, params) Method 61 Event Handling on Buttons with bind o 61 Radio buttons Displaying radio buttons 62 Improving the display with buttonset o 63 Checkboxes 64 Displaying checkboxes Improving the display with buttonset Examples of Using Buttons 66 Displaying Icons in Buttons 66 Creating a Calculator 69 6. Progress bars 77 Basic Principles of progress bars Formatting Content 78 iv Table of Contents The progressbar O Method The progressbar (options) Method The progressbar(“ action”, params) Method 80 Handling Events in Progress Bars with bind O Examples of Using Progress Bars Incrementing a Progress Bar Performing processing at Different Stages of completion 81 7. Sliders Basic Principles of sliders Formatting Content 84 The slider o Method The slider (options) Method The slider(“ action”, params) Method 87 Event Management on the Sliders with bind O 88 Examples of Using sliders Displaying the value of One Indicator Displaying the Values of Two Indicators 89 Adjusting the opacity of an Image Using a Slider 91 8. Datepickers∴… Basic Principles of datepickers Formatting content 94 The datepicker O Method The datepicker(options) Method The datepicker(“ action”, params) Method 101 Examples of Using Datepickers 101 Displaying a Calendar in Another Language 101 Displaying Multiple Months in the calendar 103 Displaying a Static Calendar 106 Indicating Minimum and Maximum Dates 107 Preventing the selection of specific Dates 108 Preselecting Any Date 108 Performing an ajax request when selecting a date 112 9. Autocompletion 115 Basic Principles of autocompletion 115 Formatting Content 116 The autocomplete o Method The autocomplete(options) Method 118 The autocomplete(“ action”, params) Method 120 Event Management on the list of Suggestions with bind o Examples of Using the Autocompletion Mechanism 121 Table of Contents v Specifying the Width of the List of Suggestions 121 Displaying a List of Suggestions at the Opening of the hTML Page 122 Displaying a List of Suggestions at the entry of the Cursor in the Input Field Producing an Effect on the Appearance of the list of Suggestions 124 Dynamically Creating a List of Suggestions 125 Dynamically Creating a List of Suggestions Based on the Input Data 126 inserting Images in the List of suggestions 128 10. Drag-and-Drop…… 133 The draggable o method 133 The draggable(options)Method 133 The draggable(“ action”, params) Method 137 Event Management on the Moved Elements with bind O 138 Examples of Using Drag Functionality 138 Carrying Out a Treatment When moving 13 Imposing limits on displacement 139 Moving an Object by Duplicating 141 The droppable o method 145 The droppable(options)Method 145 The droppable(“ action”, params) Method 148 Event Management on the Elements of Deposit with bind o 148 Examples of Using the Drop Functionality: A Shopping Cart 148 Creating a Shopping cart with Drag-and-Drop 148 Adding a Visual effect to shopping Cart Deposits 151 Removing an Item from the Cart 153 11. Selecting Items∴ ,155 Basic Principles of Selecting Items Formatting Content 156 The selectable o Method 159 The selectable(options) Method 159 The selectable(“ action”, params) Method 161 Event Management in the Selection with bind o 161 Examples of using the selection Mechanism 161 Displaying the Order of the Events during the selection 162 Preventing the Selection of an Element 163 Inhibiting Clicks to Select an Item 165 Managing a Shopping cart 166 12. Permutation of Elements in the Page ,169 Basic Principles of permutation of elements 169 Formatting Content 170 ⅵ i Table of Contents The sortable O Method 171 The sortable(options) Method 172 The sortable(“ action”, params) Method 177 Event management of the Permutation with bind o 177 Examples of Using the Permutation Mechanism 178 Displaying the Order in Which Events Appear 178 Dropping any element in the list 183 13. Resizing 191 Basic Principles of resizing 191 Formatting Content 192 The resizable o Method 193 The resizable (options) method 193 The resizable(“ action”, params) Method 196 Handling Events when Resizing with bind o 196 Examples of Using the Resizing Mechanism 197 Displaying Dimensions of the Element When Resizing 197 playing the Position of the element When Resizing 198 Performing an Animation While resizing 199 Creating a resizable text Box 201 14. Visual Effects in jQuery UI 205 New Visual effects 205 The effect(effectName, options, duration, callback) Method 205 The blind effect 206 The bounce effect 208 The shake effect 208 The clip effect 208 The drop effect 210 The explode effect 211 The fold effect 212 The highlight Effect 213 The puff effect 214 The pulsate Effect 215 The scale effect 216 The size effect 217 The slide effect 218 The show O, hide 0, and toggle o Methods 218 The animate o method Improved by j Query UI 220 CSS Properties for managing colors 220 New values for the easing Option 221 Producing Effects with CSS Classes 221 The add Class (, remove Class o, and toggle class o Improved Methods 222 Table of contents|ⅶi The switch Class( Method 223 Example of Using the toggle Class O Method 224 ⅶ ii Table of Contents


评论 下载该资源后可以进行评论 49

chenxiang221 很好的资料,正好用的上。
suchan19870000 资料不错,英文版本
crazywallfacer 非常好的资料
bogezb 很好的资源
Amoymango 英文原版。实用文档。

关注 私信 TA的资源