FAQs Scroller

FAQs Scroller with Back to Top Button

This FAQs viewer is controlled by scroll bar. You can use it in your website. Width, height, alpha, corner radius, color of any portion can be edited.

Updates:

6. 18, 2009
add ‘mouse wheel’ function.

6. 15, 2009
add ‘back to top’ function.

Features:

- xml driven.
- embed fonts, can edit font face, size, color.
- use caurina tweener class for all the tween, smooth.
- use scroll bar to scroll all info.
- can set width, height, corner radius, alpha, color, border width, border color and padding for background.
- can set width, height, corner radius, color and roll over color for scroll button and scroll bar.
- instruction for every variable and every function
- include html file and swfobject.js, can publish easily.
- clean library, just drag mainMc to stage.

How to set up:

step 1:
(method one),if you want to put this to your own swf, just copy all the elements in the library panel to your own library panel, then drag ‘mainMc’ to your stage and make it invisible.

(method two),if you want it show in html, just view index.html in download.zip

step 2:
edit xml setting file, modify background parameters.
step 3:
modify scroll button and scroll bar parameters.
step 4:
add title, description for each item.
step 5:
if you need, open preview.fla, edit ‘singInfoMc’ and ‘singInfoTitleMc’ movieclip in the library, change font color, size and face for all the embeded textfields.

XML File Structure:

<?xml version="1.0" encoding="UTF-8"?>
<faqs
pageBorder='5'
pageBorderColor='#1D1D1D'
pageBgColor='#222222'
pageBgAlpha='0.8'
pageBgWidth='800'
pageBgHeight='480'
pageBgCornerRadius='10'
padding='20'

scrollBarCornerRadius='10'
scrollBarBgHeight='6'
scrollBarBgColor='#1D1D1D'
scrollBarBtnWidth='100'
scrollBarBtnHeight='15'
scrollBarBtnColor='#4B2969'
scrollBarBtnOverColor='#ff6600'

transitionTime='1'
mouseSpeed='0.15' >

<item>
<title>Adfish Rose</title>
<desc><![CDATA[DESCRIPTION TEXT]]></desc>
</item>
</faqs>