Drop Down/ Overlapping Content Script

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.
This script supports four different position orientations- "left-bottom", "right-bottom", "left-top", and "right-top" for the drop down content. You can also customize the speed of the drop down animation for each script instance.

Changes: Added ability to populate drop down content using an external file (via Ajax).

Related Scripts

  • Drop Down/ Overlapping Content
    This script lets you display content in tight areas on your page, by displaying the content on top of any link used to activate it. The content floats...
  • Plot Overlapping Regions With Lines
    The function eases overlapping data sets being displayed on on top of the another.It could be used for any purposes where complicated graphs must be g...
  • Signal Rms
    Calculates windowed (over- and non-overlapping) RMS of a signal using the specified windowlengthy = rms(signal, windowlength, overlap)signal is a 1-D ...
  • Drop Down Panel Script
    Drop Down Panel adds a pull down panel to the top of your page that contains external content fetched via Ajax. Visitors click on the protruding butto...
  • Overlapping Horizontal Tabs 3.5
    Using relative positioning and negative margins, this CSS code creates "overlapping" horizontal tabs that each snug up and slightly overlaps the tab t...
  • Visual Cryptography
    The input image should be a binary format photo.The shares and the overlapping result of the shares are written as output. The Shares (1 & 2) can be p...
  • Drop Down (overlapping) Menu
    Create a menu with the same style as the "Member Panel" on DIC.This snippet works because of Javascript, thus I have posted it here, but it really req...
  • Drop 0.5.4
    Drop.js can be used to create content-agnostic dropdowns for showing hidden content next to a page element.The difference between the Drop library and...
  • Changing Value Drop Down Link
    This script changes the value of a drop down menu every two seconds. Users can either click the drop down menu and choose where to go, or else wa...
  • Remote Drop Down Navigation Menus
    If you have to put up the same Drop Down Navigation menu on many of your web-pages this script will prove useful. With the help of this scri...
  • Drop Menu
    The drop-down boxes can support any kind of HTML content. Here are some key features of "Drop Menu":· Create drop-down menus· Horizontal and...
  • Drop Down Date Select
    This script displays the current date inside a form via 3 prefilled drop down menus (day, month, year). The visitor can then specify a different date ...
  • Drag.move.inside 0.2
    Works by analyzing the two elements positions and see if one or the other fits perfectly inside the other's frame.Overlapping or simply touching the e...
  • Easy Drop Down Container
    This script allows you to click on the arrow to reveal/hide contents of a box. It can be used for a drop down menu or to hide/reveal content on a...
  • Anypage Web Page Mailing Script
    This CGI Script allows surfers to email webpages to their friends from your site. Smart CGI works so you do not have to create special unique forms fo...
  • Drop Shadows With Pil 1.1
    Drop shadows with PIL script demonstrates the use of the Python Imaging Library to apply a gaussian blur drop shadow to an image....
  • Line Counter
    Multiple patterns with shell-style wildcards ('*' for everything, '?' for any single character) are accepted. The script returns the overall total and...
  • Sysevolution 3.1
    System Evolution (SE) method is developed to estimate the number of clusters (NC) based on PAM (partitioning around medoids), a robust clustering algo...
  • Drop 1.0.0
    The Drop jQuery plugin can create mobile-friendly drop-down menus that will still be visible and usable on devices with smaller screens.Drop comes in ...
  • Drop-in Slideshow Script Ii
    Drop-in Slideshow Script II hyperlinks each image, so you can associate a unique URL with each slide. It shows a classic effect that works in both IE4...
DMCA Notice-Privacy Policy
2004 - 2013 DownScripts. All rights reserved.