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

Gordowey

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

Apr 5 '06 #1

Subscribe Reply

9227

Randy Webb

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/

Apr 6 '06 #2

Tony

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...

Apr 6 '06 #3

Thomas 'PointedEars' Lahn

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

Apr 6 '06 #4

Gordowey

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 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>


</HEAD>
<BODY>


<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[i];
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[i]+'" type="text/css"
rel="stylesheet">\n';
}
for (i in gaN2JSLibPaths)
{
goN2LibMon.monitorLoad(gaN2JSLibIds[i]);
var sScript = '<script src="'+gaN2JSLibPaths[i]+'"
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>

<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 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

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

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

& 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

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

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

& 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 & 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&node=11091801">Musica l

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

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

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

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

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

& Décor</A></DIV>
<DIV noWrap><A

href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_gf/102-5529199-1454567?%5Fencoding=UTF8&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

& 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

& 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&node=1036592">Apparel

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

href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_shoe/102-5529199-1454567?%5Fencoding=UTF8&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&node=3367581">Jewelry

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

href="http://www.amazon.com/gp/browse.html/ref=sd_allcatpop_bty/102-5529199-1454567?%5Fencoding=UTF8&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&node=3760901">Health

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

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

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

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

& 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&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&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&name=shutterfly&r ef=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&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&node=16292601">Financ ial

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&node=3435371">Associa tes

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&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> </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 & more_files/amzn-logo-118w.gif"
width=118 border=0></A> </DIV></TD></TR></TBODY></TABLE>
</DIV>
</DIV>
</DIV>

</BODY>
</HTML>

Apr 6 '06 #5

Randy Webb

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/

Apr 6 '06 #6

Tony

Randy Webb wrote:

Tony said the following on 4/5/2006 8:39 PM:

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.

Why imagine it when I can do it?

Apr 6 '06 #7

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

Similar topics