How to Create JavaScript Text Scroller

Javascript Tutorials

Tutorial

Click on thumbnailed images to enlarge

You can follow this step-by-step tutorial to create a JavaScript Text Scroller in minutes and no JavaScript experience is required! The JavaScript Text Scroller can contain ads, news, etc. and you can change the width, height, background and speed of the scroller due to your own needs!

Flash Movie Maker,Flash SWF Decompiler,DHTML Menu,SWF Editor,Flash Animation Software-Sothink

Sothink JavaScript Web Scroller, DHTML Menu and Tree Menu are the best friends of web designer!

Flash Movie Maker,Flash SWF Decompiler,DHTML Menu,SWF Editor,Flash Animation Software-Sothink

Sothink JavaScript Web Scroller, DHTML Menu and Tree Menu are the best friends of web designer!


Software required

* Sothink JavaScript Web Scroller -- It helps web designer to create a variety of horizontal scrollers for ads, events, news, slide shows, and many other purposes easily. Click here to download>>
* Web Authoring Tool -- You can choose any web authoring tool, such as Expression Web, FrontPage, Dreamweaver, etc,.


Step1. Launch Sothink JavaScript Web Scroller and choose the template "news scroller".

Click here.
Choose a template from the library of templates

Then you can preview the scroller in the preview window

View the effect in the preview window


Step2. Set the properties of the scroller.

1. Add a new item in the List Panel
Click here.
Add a new item in the List panel

2. Input content of the item in the "Item Setting - Item" panel.
Input text here.
Input content of the item
Clean the image area of the item.


3. Add a link address for the item.
Add a link address for the item


4. Set the whole property of the scroller in the "Global Setting - Setting" panel.
Set the width value of the scroller as 60%.
Set the width value of the scroller


Step3. Publish the created scroller to the web page.

Click here to publish the scroller to web page

Publish

1. Click the button "Publish" on the toolbar and you check the options "Publish"

2. Save the created scroller as "scroller1.js" and save it in the folder "E:myscroller".

3. Open the web page "E:myscrollerpage1.htm" in web authoring tool. Copy the first part of code and paste them within code of the page.

4. Copy the second part of code and paste them within code of the page.

5. Choose the folder ""E:myscroller" and the JavaScript resource files will be copied to this folder.

6. Choose the folder ""E:myscroller" and the image resource files will be copied to this folder. Click the OK button.

Now, you have created a JavaScript Text Scroller and published it to the web page successfully!

Tutorial Comments

Showing latest 1 of 1 comments

Thanks! I was looking for this info!

By taddred on Dec 22, 2009 3:53 am

Tutorial Details

Author SourceTec View profile
Submitted on Jan 29, 2008
Page views 10,430
Favorites 3
Comments 1
Reviewer sweetasphyxia View profile
Approved on Jan 31, 2008