Home > Developer > Web Develop
JS Fade Effect Instance code:
Today's web pages require beautiful and smooth, so many of the effects of vanishing elements also need a transition process, so that looks more gentle and beautiful, this section provides a code example, you can easily implement the element fade effect.
The code example is as follows:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.softwhy.com/" /><title>Ant Tribe</title> <styletype= "Text/css">P{width:200px;Height:200px;Background-color:#60C;}</style><Scripttype= "Text/javascript"src= "Mytest/jquery/jquery-1.8.3.js"></Script> <Scriptlanguage= "JavaScript">$ (document). Ready (function(){ $("#bt"). Toggle (function(){ $("P"). FadeTo ("Slow",0.5); },function(){ $("P"). FadeTo ("Slow",0.5); }); })</Script> </Head><Body> <P></P> <inputtype= "button"value= "Fade in/Fade Out"ID= "BT"/> </Body> </HTML>
The above code to achieve our requirements, the code is relatively simple, direct use of the functions of jquery, here is not more introduction.
Related reading:
The 1.toggle () function can be found in the Toggle () method section of jquery .
2. The FadeTo () function can be found in the FadeTo () method section of jquery .
The original address is: http://www.softwhy.com/forum.php?mod=viewthread&tid=10594
For more information, refer to: http://www.softwhy.com/jquery/
JS Fade Effect Instance Code
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
