0 Replies Latest reply on Sep 16, 2008 2:33 AM by Waleed Barakat

    Off Topic: Tutorial Announcement .:: How To Create Ajax Drop down/ Overlapping Content script ::.

    Waleed Barakat Level 1
      Hello friends

      Today`s tutorial about adding [Ajax Mouseover Links] feature, this feature warp long page content like [forms] [text] [images], warp all under certain links.

      » Description: This script lets you display content in tight areas on your page, by dropping it down into view when the mouse rolls over the anchor element. The content temporarily overlaps anything beneath it. Think of it as adding another dimension to your webpage to create more space. It's extremely handy for displaying search boxes, additional links etc in a tight area, such as the sidebar column of a page. The content to reveal/ overlap in each case is simply contained inside an arbitrary DIV on the page for easy customizing. A quick overview:

      Drop Down Content can be revealed either via onclick of the anchor link, or onmouseover instead. Independent setting for each anchor link.

      Set whether Drop Down Content itself should automatically hide after the user rolls his mouse out of it. Global setting inside .js file.

      For the content within Drop Down Content, it can either be inline, or fetched from an external file on your server via Ajax instead.

      Drop Down Content supports four different position orientations- "left-bottom", "right-bottom", "left-top", and "right-top". The speed of the drop down reveal can also be customized.

      :: Go To Tutorial ::

      :: Go To Online Demo ::

      Best Regards
      Waleed Barakat
      Developer-Online Creator and programmer