CSShunt is the most frequent updated css inspiration gallery and logo inspiration gallery.which shows best css websites,logo inspirations,More of that it acts as a portal, so, besides a link to your website we post your description, keywords and title. you can submit your best website (and we encourage that), we verify it and post it in less than 24 hours. csshunt have more different section about some other inspirations as Graphic Design gallery, Designer's Inspiration work with some other cool stuff like freebies ,Web design and development related Articles,Web Design and Web Development Resources.so checkout our updated css inspiration gallery,logo inspiration gallery daily and don't forget to left your suggestions.

Java Script Scrollable Div

javascript-scroll

This is an example of the Scrollarea Control.

To create a scrollable div like this:

  • Include the dependant js files.
  • The code in the init function needs to be executed in the onload event of the document. Customize the slider to you needs. For more information about the slider go to the slider page.
  • Create a div in a div, just like the ones with ID’s “divContainer_1″ and “divContent_1″ in this document.
    These ID’s need to be used in the init() method.
    The outer container div needs to be relative. Give it a width, and if possible a height also.
    In this example we use a height of “100%”. That works together with the min-height and max-height. If you can, set a height in pixels directly.
    The inner content div needs to be positioned absolute (in the container div).
  • Make a div with an ID for the slider, here it is the “sliderDiv”. This ID needs to be used in the setSliderObject() method.
  • You can customize the scroll speed using setSlideSpeed() and the mouse wheel speed (IE only) using setWheelSpeed().
  • The 2nd div starts at 35%, not at the beginning.

Get blazing fast Internet service from Comcast

Related Posts :

Posted on Sunday, December 26th, 2010 at 12:50 pm | Category: Java Script |

Leave a Reply

You must be logged in to post a comment.

Web Design Blogs
webdesign blog