Filters. revealTrans. Transition tips

Source: Internet
Author: User
Divid is used for the slide call. filters. revealTrans. transitionMath. floor (Math. random () * 23) and divid. filters. revealTrans. apply (), So what do these two mean? Next, let's take a look at the RevealTrans usage (you can open it at the same time when you move the mouse to the link, similar to the slide effect prompts, and remove it from the page to consolidate it ).

Syntax:
Filter: progid: DXImageTransform. Microsoft. RevealTrans (enabled = bEnabled, duration = fDuration, transition = iTransitionType)
Example: Reference:
Attribute:
Enabled: Optional. Boolean ). Set or retrieve whether the filter is activated. True | false true: default value. Filter activation.
False: the filter is disabled.

Duration: Optional. Floating Point Number (Real ). Set or retrieve the time used to complete the conversion. The value is in the second. Millisecond (0.0000) format.
You can use the iDuration parameter of the play method to set the conversion playback duration. However, once you call the play method, the Duration feature becomes read-only during the playback Duration.
Transition: Optional. Integer ). Set or retrieve the conversion method. 0: rectangular contraction and conversion.
1: rectangular expansion conversion.
2: Circular contraction and conversion.
3: Circular expansion and conversion.
4: erase the data up.
5: erased downward.
6: erased to the right.
7: erased to the left.
8: vertical shutter conversion.
9: horizontal blinds conversion.
10: horizontal conversion of the chess board.
11: vertical conversion of the chess board.
12: random noise interference conversion.
13: switch between left and right close.
14: Switch the effect of opening the door on the left and right.
15: switch between the upper and lower locks.
16: Switch the effect of opening and closing the door.
17: The result is converted from the upper right corner to the lower left corner.
18: transition from the lower right to the upper left corner of the page.
19: transition from the upper left corner to the lower right corner.
20: transition from the lower left to the upper right corner of the page.
21: Random horizontal line conversion.
22: random vertical line conversion.
23: Use the above possible values for random conversion.


Features:
Enabled: read/write. Boolean ). See enabled attributes.
Duration: read/write. Floating Point Number (Real ). See duration attributes.
Transition: read/write. Integer ). See transition attributes.
Percent: read/write. String ). Set or retrieve the points output by the current static filter in the conversion process. Value Range: 0-100. The default value is 0, and the conversion has not yet started. 100 indicates that the conversion is complete.
This feature is used to create a static filter effect using a conversion filter. Set the value to the point that defines the stop of the conversion process. Follow these steps to create a static filter effect using a conversion filter:
Use the apply method of the conversion filter. This will capture the initial display of the object content and set the Percent property value to 0.
Change the object content. Such as visibility, innerText, background-color, border, or attributes of its sub-object.
Set the Percent feature of the conversion filter. Determine a point in the desired conversion process. This will capture a content image at this point in the conversion process.
Set the Enabled attribute value of the conversion filter to true. Then, the object to which the filter is applied updates its content based on the obtained image.
Note: You can only use the visibility attribute to change the sub-objects of an object. Otherwise, the direct changes to the child objects will be immediately displayed without being captured by the conversion filter.
Status: read-only. Integer ). Retrieves the current status of the conversion. 0 | 1 | 2 0: stop ).
1: apply ).
2: the conversion is in progress (play ).


Method:
Apply: capture the initial display of object content and make necessary preparations for conversion. No return value.
Once this method is called, any changes to the object property will not be displayed until you call the play method to start conversion.
Note: You can only use the visibility attribute to change the sub-objects of an object. Otherwise, the direct changes to the child objects will be immediately displayed without being captured by the conversion filter.
When you call the play method, the conversion results show changes in content (changes in object attributes and visibility attributes of sub-objects ).
Play (iDuration): starts conversion. No return value. The parameters are shown in the following table.
IDuration: Optional. Floating Point Number (Real ). Specifies the duration of the filter. The default unit is seconds.
Use the iDuration parameter of the play method to set the Duration of playback conversion. The value of the iDuration parameter replaces the Duration Attribute setting in the current cycle of conversion. However, the value set using the Duration Attribute will be restored in the next conversion.

Stop: stop conversion playback. And present the Conversion Result image. The onfilterchange event is also triggered. No return value.
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.