View RSS Feed

ddadmin

DD Drop Down Panel v1.01- Adding a fade effect

Rate this Entry
Original Script: DD Drop Down Panel v1.01

Changes: This modified version of dddropdownpanel.js adds an optional fade effect to the original slide up/down animation, so both effects are shown simultaneously. If you're looking for more flare for the animation, this is it!

Usage: Just replace the original .js file with the modified one. The fade effect can be toggled at the end of the .js file where you initialize the script:
Code:
var defaultpanel=new ddpanel({
	ids: ["mypanel", "mypanelcontent", "mypaneltab"], // id of main panel DIV, content DIV, and tab DIV
	stateconfig: {initial: "5px", persiststate: true}, // initial: initial reveal amount in pixels (ie: 5px)
	animate: {enabled: true, fadeeffect: true, steps: 20}, //steps: number of animation steps. Int between 1-20. Smaller=faster.
	pointerimage: {enabled: true, src: ["arrow-down.gif", "arrow-up.gif"]},
	closepanelonclick: {enabled: true} // close panel when links or elements with CSS class="closepanel" within container is clicked on?
})
Attached Thumbnails Attached Files

Submit "DD Drop Down Panel v1.01- Adding a fade effect" to del.icio.us Submit "DD Drop Down Panel v1.01- Adding a fade effect" to StumbleUpon Submit "DD Drop Down Panel v1.01- Adding a fade effect" to Google Submit "DD Drop Down Panel v1.01- Adding a fade effect" to Digg

Tags: None Add / Edit Tags
Categories
DD Scripts Mods

Comments