AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


     jQuery have some fade effects, they are show and hide a html element with some effects. The type are define below

  • fadeIn
  • fadeOut
  • fadeToggle
  • fadeTo

fadeIn

     jQuery fadeIn method is used to show the html elements with fade effect.

Syntax of fadeIn

$(selector).fadeIn(speed,callback_function);

Example

$("#divid").fadeIn("slow");

fadeOut

     jQuery fadeOut method is used to hide the html elements with fade effect.

Syntax of fadeOut

$(selector).fadeOut(speed,callback_function);

Example

$("#divid").fadeOut("slow");

fadeToggle

     jQuery fadeToggle is used to hide or show a dive with fade effect. If the selector is hidden it will show the element with effect, or if it is show it will hide the element with effect.

syntax of fadeToggle

$(selector).fadeToggle(speed,callback_function);
Example

$("#divid").fadeToggle("slow");

fadeTo

     jQuery fadeTo method is used to fade a html element up to given opacity value.

Syntax of fadeTo

$(selector).fadeTo(speed,opacity,callback_function);

Example

$("#divid").fadeTo("slow",0.8);


Example Program:- (Editor)


Editor is Loading...

Advertisement

0 comments:

Post a Comment

Total Pageviews