Sử dụng Widgets và hiệu ứng Spry Khung Spry là một thư viện JavaScript cho phép bạn sử dụng được xây dựng trong HTML, CSS, và JavaScript code để tạo ra các vật dụng, thêm hiệu ứng đặc biệt, và tích hợp dữ liệu HTML hay XML trong các trang web của bạn. | Using Spry Widgets and Effects 16 Introduction The Spry framework is a JavaScript library that allows you to use built-in HTML CSS and JavaScript code to create widgets add special effects and integrate HTML or XML data in your Web pages. A spry widget is a page element such as a menu bar tabbed or collapsible panels or form validation that provides added functionality without all the scripting. A widget consists of three different parts structure behavior and styling. A widget structure is HTML code that defines the structure of the widget. A widget behavior is JavaScript that specifies what happens to a widget when an event occurs. Widget styling is CSS code that determines the look of the widget. You can insert a built-in spry widget Dreamweaver takes care of all three aspects of the widget. It provides the HTML CSS and JavaScript as well as the style of the widget which you can modify to suit your own needs. For example you can edit menu items modify panels and change the appearance of the page. The CSS and JavaScript files related to the widget are named with the same name as the spry widget and stored in a SpryAssets folder in your site. Dreamweaver also includes built-in spry effects that allow you to apply visual effects such as highlighting information or creating transitions to elements on a page. You can apply one or more effects such as a fade highlight blind up and down slide up and down grow and shrink shake and squish to create a dynamic user experience. In this chapter you ll learn how to insert and work with spry widgets and add spry effects to elements on your Web pages with minimal or no knowledge of JavaScript. If you have a strong knowledge of JavaScript you can create your own spry widgets or effects. What You ll Do Insert Spry Widgets Select and Edit Spry Widgets Work with Spry Panel Widgets Work with Spry Validation Widgets Work with Spry Menu Bar Widgets Create a Spry Tooltip Display Spry Data Sets Create a Spry Region Create a Spry Repeat
