Cool DIV effect...how can this be done?

Discussion in 'Javascript' started by Gordowey, Apr 5, 2006.

  1. Gordowey

    Gordowey Guest

    Where can I find this DIV effect.

    go to: http://www.amazon.com
    Put mouse over the text "See All 32 Product Categories"
    (Top-Middle)..it will open a window with a cool effect...

    does anyone know where to find a script with this effect....


    thanks

    Alberto
     
    Gordowey, Apr 5, 2006
    #1
    1. Advertising

  2. Gordowey

    Randy Webb Guest

    Gordowey said the following on 4/5/2006 6:00 PM:
    > Where can I find this DIV effect.
    >
    > go to: http://www.amazon.com
    > Put mouse over the text "See All 32 Product Categories"
    > (Top-Middle)..it will open a window with a cool effect...
    >
    > does anyone know where to find a script with this effect....


    Go to http://www.amazon.com
    Right click>View Source

    Imagine that!

    --
    Randy
    comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
    Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
     
    Randy Webb, Apr 6, 2006
    #2
    1. Advertising

  3. Gordowey wrote:

    > Where can I find this DIV effect.
    >
    > go to: http://www.amazon.com
    > Put mouse over the text "See All 32 Product Categories"
    > (Top-Middle)..it will open a window with a cool effect...
    >
    > does anyone know where to find a script with this effect....


    In the source code. That was easy.


    PointedEars
     
    Thomas 'PointedEars' Lahn, Apr 6, 2006
    #3
  4. Gordowey

    Gordowey Guest

    well...was really easy.....here is....

    Thanks



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>Amazon.com</TITLE>

    <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">

    <!-- STYLE for the WINDOW -->
    <STYLE type=text/css>BODY {
    MARGIN-TOP: 0px; FONT-SIZE: x-small; COLOR: #000000; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif; BACKGROUND-COLOR: #ffffff
    }
    TD {
    FONT-SIZE: x-small; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    TH {
    FONT-SIZE: x-small; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    A:link {
    COLOR: #003399; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    A:visited {
    COLOR: #996633; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    A:active {
    COLOR: #ff9933; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    ..serif {
    FONT-SIZE: small; FONT-FAMILY: times,serif
    }
    ..sans {
    FONT-SIZE: small; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    ..small {
    FONT-SIZE: x-small; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    ..h1 {
    FONT-SIZE: small; COLOR: #cc6600; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif
    }
    ..h3color {
    FONT-SIZE: x-small; COLOR: #cc6600; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif
    }
    ..tiny {
    FONT-SIZE: xx-small; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    ..listprice {
    FONT-FAMILY: arial,verdana,helvetica,sans-serif; TEXT-DECORATION:
    line-through
    }
    ..attention {
    BACKGROUND-COLOR: #ffffd5
    }
    ..price {
    COLOR: #990000; FONT-FAMILY: arial,verdana,helvetica,sans-serif
    }
    ..tinyprice {
    FONT-SIZE: xx-small; COLOR: #990000; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif
    }
    ..highlight {
    FONT-SIZE: x-small; COLOR: #990000; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif
    }
    ..alertgreen {
    FONT-WEIGHT: bold; COLOR: #009900
    }
    ..alert {
    FONT-WEIGHT: bold; COLOR: #ff0000
    }
    ..topnav {
    FONT-SIZE: 12px; FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    TEXT-DECORATION: none
    }
    ..topnav A:link {
    COLOR: #003399; TEXT-DECORATION: none
    }
    ..topnav A:visited {
    COLOR: #003399; TEXT-DECORATION: none
    }
    ..topnav A:hover {
    COLOR: #cc6600; TEXT-DECORATION: none
    }
    ..topnav-active A:link {
    FONT-SIZE: 12px; COLOR: #cc6600; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
    }
    ..topnav-active A:visited {
    FONT-SIZE: 12px; COLOR: #cc6600; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
    }
    ..eyebrow {
    FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR:
    #ffffff; FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    TEXT-DECORATION: none
    }
    ..eyebrow A:link {
    TEXT-DECORATION: none
    }
    ..popover-tiny {
    FONT-SIZE: xx-small; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    ..popover-tiny A {
    COLOR: #003399; TEXT-DECORATION: none
    }
    ..popover-tiny A:visited {
    COLOR: #003399; TEXT-DECORATION: none
    }
    ..popover-tiny A:hover {
    COLOR: #cc6600; TEXT-DECORATION: none
    }
    ..tabon A:hover {
    TEXT-DECORATION: underline
    }
    ..taboff A:hover {
    TEXT-DECORATION: underline
    }
    ..tabon DIV {
    MARGIN-TOP: 7px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 9px
    }
    ..taboff DIV {
    MARGIN-TOP: 7px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 9px
    }
    ..tabon A {
    FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR:
    #ffcc66; LINE-HEIGHT: 10px; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
    }
    ..tabon A:visited {
    FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR:
    #ffcc66; LINE-HEIGHT: 10px; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
    }
    ..taboff A {
    FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR:
    #000000; LINE-HEIGHT: 10px; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
    }
    ..taboff A:visited {
    FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR:
    #000000; LINE-HEIGHT: 10px; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
    }
    ..indent {
    MARGIN-LEFT: 1em
    }
    ..half {
    FONT-SIZE: 0.5em
    }
    ..list DIV {
    MARGIN-BOTTOM: 0.25em; TEXT-DECORATION: none
    }
    ..hr-center {
    BORDER-RIGHT: #999999 1px; BORDER-TOP: #999999 1px dotted; MARGIN:
    15px; BORDER-LEFT: #999999 1px; BORDER-BOTTOM: #999999 1px
    }
    ..horizontal-search {
    FONT-WEIGHT: bold; FONT-SIZE: x-small; COLOR: #ffffff; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif
    }
    ..horizontal-websearch {
    PADDING-LEFT: 12px; FONT-SIZE: xx-small; FONT-FAMILY:
    verdana,arial,helvetica,sans-serif
    }
    ..big {
    FONT-SIZE: x-large; FONT-FAMILY: verdana,arial,helvetica,sans-serif
    }
    ..amabot_right .h1 {
    FONT-SIZE: 0.92em; COLOR: #c60
    }
    ..amabot_right .amabot_widget .headline {
    DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 0.92em; COLOR: #c60
    }
    ..amabot_left .amabot_widget .headline {
    DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 0.92em; COLOR: #c60
    }
    ..amabot_widget .headline {
    DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: small; COLOR: #c60
    }
    ..amabot_right .amabot_widget {
    BORDER-RIGHT: #add2e2 1px solid; PADDING-RIGHT: 8px; BORDER-TOP:
    #add2e2 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; BORDER-LEFT:
    #add2e2 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #add2e2 1px solid
    }
    ..amabot_left .h1 {
    FONT-SIZE: 0.92em; COLOR: #c60
    }
    ..amabot_left .amabot_widget {
    BORDER-RIGHT: #add2e2 1px solid; PADDING-RIGHT: 8px; BORDER-TOP:
    #add2e2 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; BORDER-LEFT:
    #add2e2 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #add2e2 1px solid
    }
    ..amabot_center {
    FONT-SIZE: 12px
    }
    ..amabot_right {
    FONT-SIZE: 12px
    }
    ..amabot_left {
    FONT-SIZE: 12px
    }
    ..rightArrow {
    PADDING-RIGHT: 6px; FONT-WEIGHT: bold; COLOR: #c60
    }
    ..nobullet {
    LIST-STYLE-TYPE: none
    }
    ..homepageTitle {
    FONT-WEIGHT: 800; FONT-SIZE: 28pt; COLOR: #80b6ce; FONT-FAMILY: 'Arial
    Bold', Arial; FONT-VARIANT: normal
    }
    </STYLE>
    <!-- EOF STYLE for the WINDOW -->

    </HEAD>


    <BODY>

    <!-- SCRIPT Show/Hidde for the DIV -->
    <SCRIPT type=text/javascript>//<![CDATA[
    gsN2ImageHost='http://g-images.amazon.com/images/G/01/';
    //! ################################################################
    //! This file contains both original and merged/adapted code .
    //! Except where indicated, all code is
    //! Copyright (c) 2004-2006 Amazon.com, Inc., and its Affiliates.
    //! All Rights Reserved.
    //! Not to be reused without permission
    // ################################################################
    // V 2.013
    var gbN2LibMonMigrated = true;
    var N2Loaded = false;
    var n2LMStart = new Date();
    var gaN2JSLibPaths = [];
    var gaN2JSLibIds = [];
    var gaN2CSSLibs = [];
    var gaN2CSSLibPaths = [];
    var gaN2JSLibs = [];
    var oTheDoc = document;
    var oTheBody = oTheDoc.body;
    var oTheHead = document.getElementsByTagName('head').item(0);
    var n2sRTW1='onload';
    var n2sRTWTBS='simplepopoverloaded';
    function N2Initializer () {
    this.aHandlers = new Array();
    this.aEventsRun = new Array();
    this.bCoreLoaded = false;
    }
    new N2Initializer ();
    N2Initializer.prototype.runThisWhen = function (sWhen, fFn, sComment)
    {
    if ( (typeof fFn != 'function') || fFn == null) return false;
    sWhen = sWhen.toLowerCase();
    if ( (sWhen =='inbody' && document.body) || this.aEventsRun[sWhen] ){
    fFn();
    } else {
    this.aHandlers[this.aHandlers.length] = { sWhen: sWhen, fFn: fFn,
    sComment: sComment };
    }
    return true
    }
    N2Initializer.prototype.initializeThis =
    N2Initializer.prototype.runThisWhen
    N2Initializer.prototype.loadThisWhen = function (sWhen, sURL, sID,
    sComment) {
    sWhen = sWhen.toLowerCase();
    goN2LibMon.monitorLoad (sID);

    if ( sWhen =='now' ) {
    n2LoadScript(sURL, true, sID);
    } else {
    this.aHandlers[this.aHandlers.length] = { sWhen: sWhen, sURL: sURL,
    sID: sID, sComment: sComment };
    }
    return true
    }
    N2Initializer.prototype.run = function (sWhen) {
    sWhen = (typeof sWhen == 'undefined') ? null : sWhen;
    sWhen = sWhen.toLowerCase();
    this.aEventsRun[sWhen] = true;
    if (sWhen == 'coreloaded') { this.bCoreLoaded=true; }
    if (window.goN2Debug) goN2Debug.info("N2Initializer called with " +
    (sWhen ? "'"+sWhen+"'" : "null"));
    var aH = this.aHandlers;
    var len = aH.length;
    for (var i=0;i<len;i++) {
    var oTmp = aH;
    if ((oTmp.bCalled != true) &&
    (oTmp.fFn || oTmp.sURL) &&
    ( (sWhen == null) || (oTmp.sWhen && (oTmp.sWhen == sWhen)))
    ) {
    if ((oTmp.sWhen == 'coreloaded') && !this.bCoreLoaded)
    continue;
    if (window.goN2Debug) goN2Debug.debug('N2Initializer: [' + sWhen
    + '] calling ' + oTmp.sComment);
    if (oTmp.fFn) {
    oTmp.fFn();
    } else if (oTmp.sURL) {
    n2LoadScript(oTmp.sURL, true, oTmp.sID);
    }
    oTmp.bCalled = true;
    }
    }
    }
    goN2Initializer = new N2Initializer();
    function n2RunThisWhen (sWhen, fFn, sComment) {
    goN2Initializer.runThisWhen(sWhen, fFn, sComment);
    }
    function n2LoadThisWhen (sWhen, sURL, sID, sComment) {
    goN2Initializer.loadThisWhen(sWhen, sURL, sID, sComment);
    }
    function n2RunIfLoaded (sLibID, fFn, sComment) {
    n2RunThisWhen(sLibID+'loaded', fFn, 'sequenced init of '+ sComment);
    }
    function n2LoadScript (sURL, bLocalCacheOK, sLibID) {
    if (sLibID) { goN2LibMon.requestLoad (sLibID); }
    var e = oTheDoc.createElement("script");
    e.type="text/javascript";
    if (bLocalCacheOK) {
    e.src = sURL;
    } else {
    e.src = sURL + (sURL.indexOf('?') == -1 ? '?' : '&') + 'lt='+ new
    Date().getTime();
    }
    oTheHead.appendChild(e);
    }
    function N2LibraryMonitor() {
    this.aLibs = {};
    this.bJSLoaded=false;
    this.bCSSLoaded=false;
    this.sNotLoaded ='A desirable part of the page did not load. Please
    refresh the page to try again. \n';
    this.nTimer=null;
    this.nTimeoutMs = 10000;
    }
    new N2LibraryMonitor();
    N2LibraryMonitorProto = N2LibraryMonitor.prototype;
    N2LibraryMonitor.prototype.monitorLoad = function (sLibID) {
    this.aLibs[sLibID] = { sID: sLibID, nDuration: -1 };
    }
    N2LibraryMonitor.prototype.requestLoad = function (sLibID, sFeatureID)
    {
    var oTmp = this.aLibs[sLibID];
    if (oTmp) { oTmp.nDuration= -2; }
    this.resetTimer();
    }
    N2LibraryMonitor.prototype.beginLoad = function (sLibID, sFeatureID) {
    var oTmp = this.aLibs[sLibID];
    if (oTmp) {
    oTmp.sFeature = sFeatureID;
    oTmp.nBegin = new Date().getTime();
    oTmp.nDuration= -3;
    }
    };
    N2LibraryMonitor.prototype.endLoad = function (sLibID, nStatus) {
    var oTmp = this.aLibs[sLibID];
    if (oTmp) { oTmp.nDuration = new Date().getTime() - oTmp.nBegin;
    oTmp.bLoaded=true;}
    var bALL;
    if (bALL=this.allLibsLoaded()) {
    // Clear any load complete timer
    this.clearTimer();
    } else {
    this.resetTimer();
    }
    // Fire off a pseudo event for functions that need to know this
    library just loaded
    goN2Initializer.run(sLibID+'loaded');
    // If all libraries loaded, fire off a pseudo event for that as well
    if (bALL) {
    goN2Initializer.run('lastlibraryloaded');
    }

    }
    N2LibraryMonitorProto.clearTimer=function() {
    if (this.nTimer) {
    clearTimeout(this.nTimer);
    this.nTimer = null;
    }
    }
    N2LibraryMonitorProto.resetTimer=function() {
    if (this.nTimer) {
    clearTimeout(this.nTimer);
    }
    this.nTimer = setTimeout(n2LibraryLoadTimeout, this.nTimeoutMs);
    }
    function n2LibraryLoadTimeout() {
    goN2Initializer.run('libraryloadfailed');
    }
    N2LibraryMonitor.prototype.allLibsLoaded = function () {
    var bAllLoaded=true;
    for (var key in this.aLibs) {
    if (this.aLibs[key] && this.aLibs[key].nDuration <0) {
    bAllLoaded=false; }
    }
    this.bJSLoaded = bAllLoaded;
    return bAllLoaded;
    }
    N2LibraryMonitor.prototype.confirmJSLoaded = function() { return
    this.bJSLoaded; }

    N2LibraryMonitor.prototype.confirmCSSLoaded = function() {
    this.bCSSLoaded=true; }
    N2LibraryMonitor.prototype.isJSLoaded = function() { return
    this.bJSLoaded; }
    N2LibraryMonitor.prototype.isCSSLoaded = function() { return
    this.bCSSLoaded; }
    N2LibraryMonitor.prototype.status = function() {
    if (this.bJSLoaded) return "OK!";
    else return this.sNotLoaded;
    }
    N2LibraryMonitor.prototype.stats = function() { return "N/A"; };

    goN2LibMon = new N2LibraryMonitor();
    var n2LLStop = new Date();
    var n2LMStop = new Date();
    function N2ConfigBase() {
    this.getValue = function(id,d) {
    if(typeof this[id] != 'undefined') { return this.id; }
    else { return d; } } }
    var goN2ConfigBase = new N2ConfigBase();
    gaN2CSSLibPaths.push(

    'http://g-images.amazon.com/images/G/01/nav2/prod/n2CoreCSS/n2CoreCSS-n2v1-11682.css');
    gaN2JSLibPaths.push(

    'http://g-images.amazon.com/images/G/01/nav2/prod/n2CoreLibs/n2CoreLibs-utilities-737.js',

    'http://g-images.amazon.com/images/G/01/nav2/prod/n2CoreLibs/n2CoreLibs-events-7142.js',

    'http://g-images.amazon.com/images/G/01/nav2/prod/n2CoreLibs/n2CoreLibs-simplePopover-26382.js');
    gaN2JSLibIds.push(
    'utilities',
    'events',
    'simplePopover');
    (function()
    {
    var i;
    var sTags = "";
    var bIsSafari = navigator.userAgent.match(/Safari/);
    for (i in gaN2CSSLibPaths)
    {
    sTags += '<link href="'+gaN2CSSLibPaths+'" type="text/css"
    rel="stylesheet">\n';
    }
    for (i in gaN2JSLibPaths)
    {
    goN2LibMon.monitorLoad(gaN2JSLibIds);
    var sScript = '<script src="'+gaN2JSLibPaths+'"
    type="text/javascript"><\/script>\n';
    if (bIsSafari) document.write(sScript);
    else sTags += sScript;
    }
    document.write(sTags);
    }());
    var goCust = new Object();
    goCust.isLoggedIn = function() { return false; }
    var goN2Explorer;
    var gaTD;
    var goN2AC;
    // tbs
    n2RunThisWhen (n2sRTWTBS,
    function() {
    oAllCatPopover = new N2SimplePopover();
    goN2Events.registerFeature('two-tabs', 'oAllCatPopover',
    'n2MouseOverHotspot', 'n2MouseOutHotspot');
    goN2Events.setFeatureDelays('two-tabs',200, 400, 200);
    oAllCatPopover.initialize('AllCatPopoverDiv',
    'oAllCatPopover',null,null,'below','c');
    },
    'All Categories popover');
    n2RunThisWhen(n2sRTW1,
    function() {
    if (!window.gaTD) gaTD = new Array();
    N2Loaded = goN2LibMon.isJSLoaded();
    }, "Last Init");

    //]]></SCRIPT>
    <!-- EOF SCRIPT Show/Hidde for the DIV -->


    <TABLE class=header style="MARGIN-TOP: 5px" cellSpacing=0 cellPadding=0

    width="100%" border=0>
    <TBODY>
    <TR>
    <TD class=tabs>
    <DIV align=center><A

    href="http://www.amazon.com/exec/obidos/subst/home/all-stores.html/ref=three_tab_gw/102-5529199-1454567"

    name=two-tabs|he|all-categories>See All
    32<BR>Product&nbsp;Categories</A></DIV></TD>
    </td>
    </tr>
    </table>



    <DIV style="DISPLAY: none">
    <DIV id=all-categories>
    <DIV
    style="BORDER-RIGHT: #aca976 1px solid; PADDING-RIGHT: 12px;
    BORDER-TOP: #aca976 1px solid; PADDING-LEFT: 12px; PADDING-BOTTOM:
    12px; BORDER-LEFT: #aca976 1px solid; WIDTH: 586px; PADDING-TOP: 12px;
    BORDER-BOTTOM: #aca976 1px solid; BACKGROUND-COLOR: #ffffff">
    <TABLE cellSpacing=0 cellPadding=1 border=0>
    <TBODY>
    <TR vAlign=top>
    <TD class=popover-tiny>
    <DIV class=indent>
    <DIV class=list>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/283155/ref=sd_allcatpop_bo/102-5529199-1454567">Books</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/5174/ref=sd_allcatpop_mu/102-5529199-1454567">Music</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/130/ref=sd_allcatpop_dvd/102-5529199-1454567">DVD</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/404272/ref=sd_allcatpop_vi/102-5529199-1454567">VHS</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/599858/ref=sd_allcatpop_magazines/102-5529199-1454567">Magazines

    &amp; Newspapers</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/468642/ref=sd_allcatpop_cvg/102-5529199-1454567">Computer

    &amp; Video Games</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/229534/ref=sd_allcatpop_sw/102-5529199-1454567">Software</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/13993911/ref=sd_allcatpop_sh/102-5529199-1454567">Amazon

    Shorts</A></DIV></DIV></DIV></TD>
    <TD class=popover-tiny>
    <DIV class=indent>
    <DIV class=list>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/172282/ref=sd_allcatpop_el/102-5529199-1454567">Electronics</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/1065836/ref=sd_allcatpop_av/102-5529199-1454567">Audio

    &amp; Video</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/502394/ref=sd_allcatpop_p/102-5529199-1454567">Camera

    &amp; Photo</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/301185/ref=sd_allcatpop_wi/102-5529199-1454567">Cell

    Phones &amp; Service</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/541966/ref=sd_allcatpop_pc/102-5529199-1454567">Computers</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/1064954/ref=sd_allcatpop_op/102-5529199-1454567">Office

    Products</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_mi/102-5529199-1454567?%5Fencoding=UTF8&amp;node=11091801">Musical

    Instruments</A></DIV></DIV></DIV></TD>
    <TD class=popover-tiny>
    <DIV class=indent>
    <DIV class=list>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/1055398/ref=sd_allcatpop_hg/102-5529199-1454567">Home

    &amp; Garden</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/1057792/ref=sd_allcatpop_bb/102-5529199-1454567">Bed

    &amp; Bath</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/1057794/ref=sd_allcatpop_fd/102-5529199-1454567">Furniture

    &amp; D├ęcor</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_gf/102-5529199-1454567?%5Fencoding=UTF8&amp;node=3370831">Gourmet

    Food</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/284507/ref=sd_allcatpop_ki/102-5529199-1454567">Kitchen

    &amp; Housewares</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/286168/ref=sd_allcatpop_lp/102-5529199-1454567">Outdoor

    Living</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/12923371/ref=sd_allcatpop_ps/102-5529199-1454567">Pet

    Supplies</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/15684181/ref=sd_allcatpop_cpc/102-5529199-1454567">Automotive</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/228013/ref=sd_allcatpop_hi/102-5529199-1454567">Tools

    &amp; Hardware</A></DIV></DIV></DIV></TD>
    <TD class=popover-tiny>
    <DIV class=indent>
    <DIV class=list>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_apr/102-5529199-1454567?%5Fencoding=UTF8&amp;node=1036592">Apparel

    &amp; Accessories</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_shoe/102-5529199-1454567?%5Fencoding=UTF8&amp;node=1040668">Shoes</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_jewelry/102-5529199-1454567?%5Fencoding=UTF8&amp;node=3367581">Jewelry

    &amp; Watches</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_bty/102-5529199-1454567?%5Fencoding=UTF8&amp;node=3760911">Beauty</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_hpc/102-5529199-1454567?%5Fencoding=UTF8&amp;node=3760901">Health

    &amp; Personal Care</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_sg/102-5529199-1454567?%5Fencoding=UTF8&amp;node=3375251">Sports

    &amp; Outdoors</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/171280/ref=sd_allcatpop_tg/102-5529199-1454567">Toys

    &amp; Games</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/540744/ref=sd_allcatpop_ba/102-5529199-1454567">Baby</A></DIV></DIV></DIV></TD></TR>
    <TR>
    <TD colSpan=4>
    <DIV class=hr-center></DIV>
    <DIV class=half>
    <DIV class=half>
    <DIV class=half></DIV></DIV></DIV></TD></TR>
    <TR vAlign=top>
    <TD class=popover-tiny>
    <DIV class=indent>
    <DIV class=list>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/registry/registry.html/ref=sd_allcatpop_wl/102-5529199-1454567?%5Fencoding=UTF8&amp;type=wishlist">Wish

    List</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/229220/ref=sd_allcatpop_gft/102-5529199-1454567">Gift

    Ideas</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/registry/wedding-homepage.html/ref=sd_allcatpop_wreg/102-5529199-1454567">Wedding

    Registry</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/registry/babyreg/ref=sd_allcatpop_breg/102-5529199-1454567">Baby

    Registry</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/225840/ref=sd_allcatpop_ecard/102-5529199-1454567">Free

    e-Cards</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/search-handle-url/ispu=1&amp;field-browse=1161764/ref=sd_allcatpop_ispu/102-5529199-1454567">In-Store

    Pickup</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/pdp/profile/ref=sd_allcatpop_ff/102-5529199-1454567">Your

    Profile</A></DIV></DIV></DIV></TD>
    <TD class=popover-tiny>
    <DIV class=indent>
    <DIV class=list>
    <DIV noWrap><A

    href="http://s1.amazon.com/exec/varzea/subst/home/home.html/ref=sd_allcatpop_au/102-5529199-1454567">Auctions</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/517808/ref=sd_allcatpop_ou/102-5529199-1454567">Outlet</A></DIV>
    <DIV noWrap><A

    href="http://s1.amazon.com/exec/varzea/subst/home/fixed.html/ref=sd_allcatpop_zs/102-5529199-1454567">zShops</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/locker/ref=sd_allcatpop_dl/102-5529199-1454567">Digital

    Locker</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/arms/directory/ref=sd_allcatpop_ac/102-5529199-1454567">Amazon

    Connect</A></DIV></DIV></DIV></TD>
    <TD class=popover-tiny>
    <DIV class=indent>
    <DIV class=list>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/gss/ref=sd_allcatpop_gss/102-5529199-1454567">E-mail

    Subscriptions</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/redirect-to-partner/ref=sd_allcatpop_stf/102-5529199-1454567?%5Fencoding=UTF8&amp;name=shutterfly&amp;ref=sd%5Fallcatpop%5Fstf">Photo

    Services</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/562436/ref=sd_allcatpop_th/102-5529199-1454567">Movie

    Showtimes</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_yp/102-5529199-1454567?%5Fencoding=UTF8&amp;node=3999141">Yellow

    Pages</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/605012/ref=sd_allcatpop_tr/102-5529199-1454567">Travel</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/16305491/ref=sd_allcatpop_af/102-5529199-1454567">Amazon

    Fishbowl</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_fs/102-5529199-1454567?%5Fencoding=UTF8&amp;node=16292601">Financial

    Services</A></DIV></DIV></DIV></TD>
    <TD class=popover-tiny>
    <DIV class=indent>
    <DIV class=list>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/subst/misc/sell-your-stuff.html/ref=sd_allcatpop_mp/102-5529199-1454567">Sell

    Your Stuff</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_assoc/102-5529199-1454567?%5Fencoding=UTF8&amp;node=3435371">Associates

    Program</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/subst/partners/direct/direct-application.html/ref=sd_allcatpop_adv/102-5529199-1454567">Advantage

    Program</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/subst/misc/co-op/small-vendor-info.html/ref=sd_allcatpop_pp/102-5529199-1454567">Paid

    Placements</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_ws/102-5529199-1454567?%5Fencoding=UTF8&amp;node=3435361">Web

    Services</A></DIV>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/tg/browse/-/600460/ref=sd_allcatpop_corpacc/102-5529199-1454567">Corporate

    Accounts</A></DIV></DIV></DIV></TD></TR>
    <TR>
    <TD colSpan=4>&nbsp;</TD></TR>
    <TR>
    <TD align=right colSpan=4>
    <DIV noWrap><A

    href="http://www.amazon.com/exec/obidos/subst/home/home.html/ref=sd_allcatpop_gw/102-5529199-1454567"><IMG

    height=23 alt=Amazon.com
    src="Amazon_com Online Shopping for Electronics, Apparel,
    Computers, Books, DVDs &amp; more_files/amzn-logo-118w.gif"
    width=118 border=0></A>&nbsp;</DIV></TD></TR></TBODY></TABLE>
    </DIV>
    </DIV>
    </DIV>



    </BODY>
    </HTML>
     
    Gordowey, Apr 6, 2006
    #4
  5. Gordowey

    Randy Webb Guest

    Tony said the following on 4/5/2006 8:39 PM:
    > Randy Webb wrote:
    >> Gordowey said the following on 4/5/2006 6:00 PM:
    >>
    >>> Where can I find this DIV effect.
    >>>
    >>> go to: http://www.amazon.com
    >>> Put mouse over the text "See All 32 Product Categories"
    >>> (Top-Middle)..it will open a window with a cool effect...
    >>>
    >>> does anyone know where to find a script with this effect....

    >>
    >>
    >> Go to http://www.amazon.com
    >> Right click>View Source
    >>
    >> Imagine that!
    >>

    >
    > I don't have to imagine it - I can see the source...


    I didn't mean to imagine the source, imagine how easy it was to see it.

    --
    Randy
    comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
    Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
     
    Randy Webb, Apr 6, 2006
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Replies:
    6
    Views:
    382
    Boobie
    Sep 20, 2005
  2. ukrbend
    Replies:
    8
    Views:
    6,258
    Neredbojias
    Dec 20, 2005
  3. Tony Arcieri
    Replies:
    14
    Views:
    454
    Tony Arcieri
    Dec 9, 2010
  4. Tony Arcieri
    Replies:
    0
    Views:
    407
    Tony Arcieri
    Dec 14, 2010
  5. how to do this cool effect?

    , Sep 20, 2005, in forum: Javascript
    Replies:
    4
    Views:
    95
Loading...

Share This Page