TubesFan – search and watch video online

jQuery - Slide and SlideToggle() Effects

TubesFan.com Addictive Video Surfing!

Display on youtube.com

Description

Hey! This is just a quick lesson covering a very popular effect on the internet (utilized through jQuery) known as the "slide" function. All we do is attach an ID to the trigger, and an ID to the Div element which contains the content. A few basic rules, and jQuery takes care of the rest! Hope this is usefull :)

Embed the Video

<object width="640" height="385" id="YK6hYHzZxqE" > <param name="movie" value="http://www.youtube.com/v/YK6hYHzZxqE&rel=0" /> <param name="allowFullScreen" value="true" /> <param value="opaque" name="wmode" /> <param name="allowscriptaccess" value="always" /> <embed src="http://www.youtube.com/v/YK6hYHzZxqE&rel=0" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" /> </object> <p style="width:613px; font-family:Tahoma, Lucida Grande, sans-serif; font-size:9pt;margin:0 0 5px 0; background:#dedede; position:relative; padding:4px 7px 3px 20px; text-align:right; display:block; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; color:#333;" /> <img style="position:absolute; top:2px; left:5px;" src="http://www.tubesfan.com/imgs/tubesfan_grey.com.ico" /> <a href="http://www.tubesfan.com" style="position:absolute; top:5px; left:27px; color:#0c68df;">TubesFan.com</a> <strong style="padding:0 6px 0 0;">Addictive Video Surfing!</strong> </p>

Post a Comment

Please login or register to poste comments