Tạo một Spry Tooltip Với sự nhanh nhẩu tooltip widget, bạn có thể thêm thông tin màn hình cho các phần tử trên một trang web. Khi bạn di chuột qua một phần tử, một tooltip với thông tin về các yếu tố, tiêu đề hoặc mô tả ngắn, xuất hiện trong một thời gian ngắn hoặc cho đến khi bạn dừng lại lơ lửng trên phần tử | Creating a Spry Tooltip With the spry tooltip widget you can add screen information for elements on a web page. When you hover over an element a tooltip with information about the element a title or short description appears for a short period of time or until you stop hovering over the element. A spry tooltip consists of a container page element and JavaScript. When you insert a spry tooltip a container appears with a blue tab on top and a placeholder sentence inside. You can add formatting for a tooltip by using standard CSS styles. When you display the tooltip by default it appears 20 pixels down and to the right of the cursor. Create a Spry Tooltip Open the Web page you want to insert a spry tooltip. Select the full tag element you want to add a tooltip. Click the Spry tab on the Insert panel or click the Insert menu point to Spry and then click Spry Tooltip. A container with a placeholder sentence for the tooltip appears. The container displays a blue tab with the Spry Tooltip name. Select the placeholder text and then enter the tooltip text that you want. Select the spry tooltip widget and then select from the following options in the Properties panel Name. Specifies a name for the tooltip container. Trigger. Identifies the elements that triggers the tooltip. Follow Mouse. Causes the tooltip to follow the mouse. Hide on Mouse Out. Keeps the tooltip open as long as the mouse is hovering over the tooltip even if the mouse leaves the trigger . Helpful for selecting links in a tooltip. 386 Chapter 16 Horizontal or Vertical Offset. Specifies the tooltips horizontal or vertical position in relation to the mouse. The offset value is in pixels. Show Delay. Specify the delay in milliseconds before the tooltip appears after the tooltip has been triggered. Hide Delay. Specify the delay in milliseconds before the tooltip disappears after the tooltip has been triggered. Effect. Specify the type of effect you want when the tooltip appears. The Blind option acts like a .
