在做商品列表的时候，鼠标触到在每一行的特定位置上，就会显示该商品的图片，移开则消失
2007-03-29 18:25
393 查看
在做商品列表的时候，看到有的网站上做的挺漂亮，鼠标触到在每一行的特定位置上，就会显示该商品的图片，移开则消失，看到这样的效果，心理就也想做出来一个，研究里半天，终于功夫不负有心人，终于做出来了，是好东西，就要和大家一起分享吗！让大家也研究研究，如果有的朋友，有更好的办法，可别说我的办法笨(我也是刚参加工作，虽然学.net 快一年了，但那都是从学校学的) ^ - ^
js代码如下
-----------------------------------------
var INARRAY = 1;
var CAPARRAY = 2;
var STICKY = 3;
var BACKGROUND = 4;
var NOCLOSE = 5;
var CAPTION = 6;
var LEFT = 7;
var RIGHT = 8;
var CENTER = 9;
var OFFSETX = 10;
var OFFSETY = 11;
var FGCOLOR = 12;
var BGCOLOR = 13;
var TEXTCOLOR = 14;
var CAPCOLOR = 15;
var CLOSECOLOR = 16;
var WIDTH = 17;
var BORDER = 18;
var STATUS = 19;
var AUTOSTATUS = 20;
var AUTOSTATUSCAP = 21;
var HEIGHT = 22;
var CLOSETEXT = 23;
var SNAPX = 24;
var SNAPY = 25;
var FIXX = 26;
var FIXY = 27;
var FGBACKGROUND = 28;
var BGBACKGROUND = 29;
var PADX = 30; // PADX2 out
var PADY = 31; // PADY2 out
var FULLHTML = 34;
var ABOVE = 35;
var BELOW = 36;
var CAPICON = 37;
var TEXTFONT = 38;
var CAPTIONFONT = 39;
var CLOSEFONT = 40;
var TEXTSIZE = 41;
var CAPTIONSIZE = 42;
var CLOSESIZE = 43;
var FRAME = 44;
var TIMEOUT = 45;
var FUNCTION = 46;
var DELAY = 47;
var HAUTO = 48;
var VAUTO = 49;
var CLOSECLICK = 50;
var CSSOFF = 51;
var CSSSTYLE = 52;
var CSSCLASS = 53;
var FGCLASS = 54;
var BGCLASS = 55;
var TEXTFONTCLASS = 56;
var CAPTIONFONTCLASS = 57;
var CLOSEFONTCLASS = 58;
var PADUNIT = 59;
var HEIGHTUNIT = 60;
var WIDTHUNIT = 61;
var TEXTSIZEUNIT = 62;
var TEXTDECORATION = 63;
var TEXTSTYLE = 64;
var TEXTWEIGHT = 65;
var CAPTIONSIZEUNIT = 66;
var CAPTIONDECORATION = 67;
var CAPTIONSTYLE = 68;
var CAPTIONWEIGHT = 69;
var CLOSESIZEUNIT = 70;
var CLOSEDECORATION = 71;
var CLOSESTYLE = 72;
var CLOSEWEIGHT = 73;
////////////////////////////////////////////////////////////////////////////////////
// DEFAULT CONFIGURATION
// You don't have to change anything here if you don't want to. All of this can be
// changed on your html page or through an overLIB call.
////////////////////////////////////////////////////////////////////////////////////
// Main background color (the large area)
// Usually a bright color (white, yellow etc)
if (typeof ol_fgcolor == 'undefined') { var ol_fgcolor = "#CCCCFF";}
// Border color and color of caption
// Usually a dark color (black, brown etc)
if (typeof ol_bgcolor == 'undefined') { var ol_bgcolor = "#333399";}
// Text color
// Usually a dark color
if (typeof ol_textcolor == 'undefined') { var ol_textcolor = "#000000";}
// Color of the caption text
// Usually a bright color
if (typeof ol_capcolor == 'undefined') { var ol_capcolor = "#FFFFFF";}
// Color of "Close" when using Sticky
// Usually a semi-bright color
if (typeof ol_closecolor == 'undefined') { var ol_closecolor = "#9999FF";}
// Font face for the main text
if (typeof ol_textfont == 'undefined') { var ol_textfont = "宋体";}
// Font face for the caption
if (typeof ol_captionfont == 'undefined') { var ol_captionfont = "宋体";}
// Font face for the close text
if (typeof ol_closefont == 'undefined') { var ol_closefont = "宋体";}
// Font size for the main text
// When using CSS this will be very small.
if (typeof ol_textsize == 'undefined') { var ol_textsize = "2";}
// Font size for the caption
// When using CSS this will be very small.
if (typeof ol_captionsize == 'undefined') { var ol_captionsize = "2";}
// Font size for the close text
// When using CSS this will be very small.
if (typeof ol_closesize == 'undefined') { var ol_closesize = "1";}
// Width of the popups in pixels
// 100-300 pixels is typical
if (typeof ol_width == 'undefined') { var ol_width = "200";}
// How thick the ol_border should be in pixels
// 1-3 pixels is typical
if (typeof ol_border == 'undefined') { var ol_border = "1";}
// How many pixels to the right/left of the cursor to show the popup
// Values between 3 and 12 are best
if (typeof ol_offsetx == 'undefined') { var ol_offsetx = 10;}
// How many pixels to the below the cursor to show the popup
// Values between 3 and 12 are best
if (typeof ol_offsety == 'undefined') { var ol_offsety = 10;}
// Default text for popups
// Should you forget to pass something to overLIB this will be displayed.
if (typeof ol_text == 'undefined') { var ol_text = "Default Text"; }
// Default caption
// You should leave this blank or you will have problems making non caps popups.
if (typeof ol_cap == 'undefined') { var ol_cap = ""; }
// Decides if sticky popups are default.
// 0 for non, 1 for stickies.
if (typeof ol_sticky == 'undefined') { var ol_sticky = 0; }
// Default background image. Better left empty unless you always want one.
if (typeof ol_background == 'undefined') { var ol_background = ""; }
// Text for the closing sticky popups.
// Normal is "Close".
if (typeof ol_close == 'undefined') { var ol_close = "Close"; }
// Default vertical alignment for popups.
// It's best to leave RIGHT here. Other options are LEFT and CENTER.
if (typeof ol_hpos == 'undefined') { var ol_hpos = RIGHT; }
// Default status bar text when a popup is invoked.
if (typeof ol_status == 'undefined') { var ol_status = ""; }
// If the status bar automatically should load either text or caption.
// 0=nothing, 1=text, 2=caption
if (typeof ol_autostatus == 'undefined') { var ol_autostatus = 0; }
// Default height for popup. Often best left alone.
if (typeof ol_height == 'undefined') { var ol_height = -1; }
// Horizontal grid spacing that popups will snap to.
// 0 makes no grid, anything else will cause a snap to that grid spacing.
if (typeof ol_snapx == 'undefined') { var ol_snapx = 0; }
// Vertical grid spacing that popups will snap to.
// 0 makes no grid, andthing else will cause a snap to that grid spacing.
if (typeof ol_snapy == 'undefined') { var ol_snapy = 0; }
// Sets the popups horizontal position to a fixed column.
// Anything above -1 will cause fixed position.
if (typeof ol_fixx == 'undefined') { var ol_fixx = -1; }
// Sets the popups vertical position to a fixed row.
// Anything above -1 will cause fixed position.
if (typeof ol_fixy == 'undefined') { var ol_fixy = -1; }
// Background image for the popups inside.
if (typeof ol_fgbackground == 'undefined') { var ol_fgbackground = ""; }
// Background image for the popups frame.
if (typeof ol_bgbackground == 'undefined') { var ol_bgbackground = ""; }
// How much horizontal left padding text should get by default when BACKGROUND is used.
if (typeof ol_padxl == 'undefined') { var ol_padxl = 1; }
// How much horizontal right padding text should get by default when BACKGROUND is used.
if (typeof ol_padxr == 'undefined') { var ol_padxr = 1; }
// How much vertical top padding text should get by default when BACKGROUND is used.
if (typeof ol_padyt == 'undefined') { var ol_padyt = 1; }
// How much vertical bottom padding text should get by default when BACKGROUND is used.
if (typeof ol_padyb == 'undefined') { var ol_padyb = 1; }
// If the user by default must supply all html for complete popup control.
// Set to 1 to activate, 0 otherwise.
if (typeof ol_fullhtml == 'undefined') { var ol_fullhtml = 0; }
// Default vertical position of the popup. Default should normally be BELOW.
// ABOVE only works when HEIGHT is defined.
if (typeof ol_vpos == 'undefined') { var ol_vpos = BELOW; }
// Default height of popup to use when placing the popup above the cursor.
if (typeof ol_aboveheight == 'undefined') { var ol_aboveheight = 0; }
// Default icon to place next to the popups caption.
if (typeof ol_caption == 'undefined') { var ol_capicon = ""; }
// Default frame. We default to current frame if there is no frame defined.
if (typeof ol_frame == 'undefined') { var ol_frame = self; }
// Default timeout. By default there is no timeout.
if (typeof ol_timeout == 'undefined') { var ol_timeout = 0; }
// Default javascript funktion. By default there is none.
if (typeof ol_function == 'undefined') { var ol_function = Function(); }
// Default timeout. By default there is no timeout.
if (typeof ol_delay == 'undefined') { var ol_delay = 0; }
// If overLIB should decide the horizontal placement.
if (typeof ol_hauto == 'undefined') { var ol_hauto = 0; }
// If overLIB should decide the vertical placement.
if (typeof ol_vauto == 'undefined') { var ol_vauto = 0; }
// If the user has to click to close stickies.
if (typeof ol_closeclick == 'undefined') { var ol_closeclick = 0; }
// This variable determines if you want to use CSS or inline definitions.
// CSSOFF=no CSS CSSSTYLE=use CSS inline styles CSSCLASS=use classes
if (typeof ol_css == 'undefined') { var ol_css = CSSOFF; }
// Main background class (eqv of fgcolor)
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_fgclass == 'undefined') { var ol_fgclass = ""; }
// Frame background class (eqv of bgcolor)
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_bgclass == 'undefined') { var ol_bgclass = ""; }
// Main font class
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_textfontclass == 'undefined') { var ol_textfontclass = ""; }
// Caption font class
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_captionfontclass == 'undefined') { var ol_captionfontclass = ""; }
// Close font class
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_closefontclass == 'undefined') { var ol_closefontclass = ""; }
// Unit to be used for the text padding above
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
// Options include "px", "%", "in", "cm" and more
if (typeof ol_padunit == 'undefined') { var ol_padunit = "px";}
// Unit to be used for height of popup
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
// Options include "px", "%", "in", "cm" and more
if (typeof ol_heightunit == 'undefined') { var ol_heightunit = "px";}
// Unit to be used for width of popup
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
// Options include "px", "%", "in", "cm" and more
if (typeof ol_widthunit == 'undefined') { var ol_widthunit = "px";}
// Font size unit for the main text
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_textsizeunit == 'undefined') { var ol_textsizeunit = "px";}
// Decoration of the main text ("none", "underline", "line-through" or "blink")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_textdecoration == 'undefined') { var ol_textdecoration = "none";}
// Font style of the main text ("normal" or "italic")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_textstyle == 'undefined') { var ol_textstyle = "normal";}
// Font weight of the main text ("normal", "bold", "bolder", "lighter", ect.)
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_textweight == 'undefined') { var ol_textweight = "normal";}
// Font size unit for the caption
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_captionsizeunit == 'undefined') { var ol_captionsizeunit = "px";}
// Decoration of the caption ("none", "underline", "line-through" or "blink")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_captiondecoration == 'undefined') { var ol_captiondecoration = "none";}
// Font style of the caption ("normal" or "italic")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_captionstyle == 'undefined') { var ol_captionstyle = "normal";}
// Font weight of the caption ("normal", "bold", "bolder", "lighter", ect.)
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_captionweight == 'undefined') { var ol_captionweight = "bold";}
// Font size unit for the close text
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_closesizeunit == 'undefined') { var ol_closesizeunit = "px";}
// Decoration of the close text ("none", "underline", "line-through" or "blink")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_closedecoration == 'undefined') { var ol_closedecoration = "none";}
// Font style of the close text ("normal" or "italic")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_closestyle == 'undefined') { var ol_closestyle = "normal";}
// Font weight of the close text ("normal", "bold", "bolder", "lighter", ect.)
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_closeweight == 'undefined') { var ol_closeweight = "normal";}
////////////////////////////////////////////////////////////////////////////////////
// ARRAY CONFIGURATION
// You don't have to change anything here if you don't want to. The following
// arrays can be filled with text and html if you don't wish to pass it from
// your html page.
////////////////////////////////////////////////////////////////////////////////////
// Array with texts.
if (typeof ol_texts == 'undefined') { var ol_texts = new Array("Text 0", "Text 1"); }
// Array with captions.
if (typeof ol_caps == 'undefined') { var ol_caps = new Array("Caption 0", "Caption 1"); }
////////////////////////////////////////////////////////////////////////////////////
// END CONFIGURATION
// Don't change anything below this line, all configuration is above.
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
// INIT
////////////////////////////////////////////////////////////////////////////////////
// Runtime variables init. Used for runtime only, don't change, not for config!
var o3_text = "";
var o3_cap = "";
var o3_sticky = 0;
var o3_background = "";
var o3_close = "Close";
var o3_hpos = RIGHT;
var o3_offsetx = 2;
var o3_offsety = 2;
var o3_fgcolor = "";
var o3_bgcolor = "";
var o3_textcolor = "";
var o3_capcolor = "";
var o3_closecolor = "";
var o3_width = 100;
var o3_border = 1;
var o3_status = "";
var o3_autostatus = 0;
var o3_height = -1;
var o3_snapx = 0;
var o3_snapy = 0;
var o3_fixx = -1;
var o3_fixy = -1;
var o3_fgbackground = "";
var o3_bgbackground = "";
var o3_padxl = 0;
var o3_padxr = 0;
var o3_padyt = 0;
var o3_padyb = 0;
var o3_fullhtml = 0;
var o3_vpos = BELOW;
var o3_aboveheight = 0;
var o3_capicon = "";
var o3_textfont = "Verdana,Arial,Helvetica";
var o3_captionfont = "Verdana,Arial,Helvetica";
var o3_closefont = "Verdana,Arial,Helvetica";
var o3_textsize = "1";
var o3_captionsize = "1";
var o3_closesize = "1";
var o3_frame = self;
var o3_timeout = 0;
var o3_timerid = 0;
var o3_allowmove = 0;
var o3_function = Function();
var o3_delay = 0;
var o3_delayid = 0;
var o3_hauto = 0;
var o3_vauto = 0;
var o3_closeclick = 0;
var o3_css = CSSOFF;
var o3_fgclass = "";
var o3_bgclass = "";
var o3_textfontclass = "";
var o3_captionfontclass = "";
var o3_closefontclass = "";
var o3_padunit = "px";
var o3_heightunit = "px";
var o3_widthunit = "px";
var o3_textsizeunit = "px";
var o3_textdecoration = "";
var o3_textstyle = "";
var o3_textweight = "";
var o3_captionsizeunit = "px";
var o3_captiondecoration = "";
var o3_captionstyle = "";
var o3_captionweight = "";
var o3_closesizeunit = "px";
var o3_closedecoration = "";
var o3_closestyle = "";
var o3_closeweight = "";
// Display state variables
var o3_x = 0;
var o3_y = 0;
var o3_allow = 0;
var o3_showingsticky = 0;
var o3_removecounter = 0;
// Our layer
var over = null;
// Decide browser version
var ns4 = (document.layers)? true:false;
var ns6 = (document.getElementById)? true:false;
var ie4 = (document.all)? true:false;
var ie5 = false;
// Microsoft Stupidity Check(tm).
if (ie4) {
if ((navigator.userAgent.indexOf('MSIE 5') > 0) || (navigator.userAgent.indexOf('MSIE 6') > 0)) {
ie5 = true;
}
if (ns6) {
ns6 = false;
}
}
// Capture events, alt. diffuses the overlib function.
if ( (ns4) || (ie4) || (ns6)) {
document.onmousemove = mouseMove
if (ns4) document.captureEvents(Event.MOUSEMOVE)
} else {
overlib = no_overlib;
nd = no_overlib;
ver3fix = true;
}
// Fake function for 3.0 users.
function no_overlib() {
return ver3fix;
}
////////////////////////////////////////////////////////////////////////////////////
// PUBLIC FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// overlib(arg0,
, argN)
// Loads parameters into global runtime variables.
function overlib() {
// Load defaults to runtime.
o3_text = ol_text;
o3_cap = ol_cap;
o3_sticky = ol_sticky;
o3_background = ol_background;
o3_close = ol_close;
o3_hpos = ol_hpos;
o3_offsetx = ol_offsetx;
o3_offsety = ol_offsety;
o3_fgcolor = ol_fgcolor;
o3_bgcolor = ol_bgcolor;
o3_textcolor = ol_textcolor;
o3_capcolor = ol_capcolor;
o3_closecolor = ol_closecolor;
o3_width = ol_width;
o3_border = ol_border;
o3_status = ol_status;
o3_autostatus = ol_autostatus;
o3_height = ol_height;
o3_snapx = ol_snapx;
o3_snapy = ol_snapy;
o3_fixx = ol_fixx;
o3_fixy = ol_fixy;
o3_fgbackground = ol_fgbackground;
o3_bgbackground = ol_bgbackground;
o3_padxl = ol_padxl;
o3_padxr = ol_padxr;
o3_padyt = ol_padyt;
o3_padyb = ol_padyb;
o3_fullhtml = ol_fullhtml;
o3_vpos = ol_vpos;
o3_aboveheight = ol_aboveheight;
o3_capicon = ol_capicon;
o3_textfont = ol_textfont;
o3_captionfont = ol_captionfont;
o3_closefont = ol_closefont;
o3_textsize = ol_textsize;
o3_captionsize = ol_captionsize;
o3_closesize = ol_closesize;
o3_timeout = ol_timeout;
o3_function = ol_function;
o3_delay = ol_delay;
o3_hauto = ol_hauto;
o3_vauto = ol_vauto;
o3_closeclick = ol_closeclick;
o3_css = ol_css;
o3_fgclass = ol_fgclass;
o3_bgclass = ol_bgclass;
o3_textfontclass = ol_textfontclass;
o3_captionfontclass = ol_captionfontclass;
o3_closefontclass = ol_closefontclass;
o3_padunit = ol_padunit;
o3_heightunit = ol_heightunit;
o3_widthunit = ol_widthunit;
o3_textsizeunit = ol_textsizeunit;
o3_textdecoration = ol_textdecoration;
o3_textstyle = ol_textstyle;
o3_textweight = ol_textweight;
o3_captionsizeunit = ol_captionsizeunit;
o3_captiondecoration = ol_captiondecoration;
o3_captionstyle = ol_captionstyle;
o3_captionweight = ol_captionweight;
o3_closesizeunit = ol_closesizeunit;
o3_closedecoration = ol_closedecoration;
o3_closestyle = ol_closestyle;
o3_closeweight = ol_closeweight;
// Special for frame support, over must be reset
if ( (ns4) || (ie4) || (ns6) ) {
o3_frame = ol_frame;
if (ns4) over = o3_frame.document.overDiv
if (ie4) over = o3_frame.overDiv.style
if (ns6) over = o3_frame.document.getElementById("overDiv");
}
// What the next argument is expected to be.
var parsemode = -1;
var ar = arguments;
for (i = 0; i < ar.length; i++) {
if (parsemode < 0) {
// Arg is maintext, unless INARRAY
if (ar[i] == INARRAY) {
o3_text = ol_texts[ar[++i]];
} else {
o3_text = ar[i];
}
parsemode = 0;
} else {
// Note: NS4 doesn't like switch cases with vars.
if (ar[i] == INARRAY) { o3_text = ol_texts[ar[++i]]; continue; }
if (ar[i] == CAPARRAY) { o3_cap = ol_caps[ar[++i]]; continue; }
if (ar[i] == STICKY) { o3_sticky = 1; continue; }
if (ar[i] == BACKGROUND) { o3_background = ar[++i]; continue; }
if (ar[i] == NOCLOSE) { o3_close = ""; continue; }
if (ar[i] == CAPTION) { o3_cap = ar[++i]; continue; }
if (ar[i] == CENTER || ar[i] == LEFT || ar[i] == RIGHT) { o3_hpos = ar[i]; continue; }
if (ar[i] == OFFSETX) { o3_offsetx = ar[++i]; continue; }
if (ar[i] == OFFSETY) { o3_offsety = ar[++i]; continue; }
if (ar[i] == FGCOLOR) { o3_fgcolor = ar[++i]; continue; }
if (ar[i] == BGCOLOR) { o3_bgcolor = ar[++i]; continue; }
if (ar[i] == TEXTCOLOR) { o3_textcolor = ar[++i]; continue; }
if (ar[i] == CAPCOLOR) { o3_capcolor = ar[++i]; continue; }
if (ar[i] == CLOSECOLOR) { o3_closecolor = ar[++i]; continue; }
if (ar[i] == WIDTH) { o3_width = ar[++i]; continue; }
if (ar[i] == BORDER) { o3_border = ar[++i]; continue; }
if (ar[i] == STATUS) { o3_status = ar[++i]; continue; }
if (ar[i] == AUTOSTATUS) { o3_autostatus = 1; continue; }
if (ar[i] == AUTOSTATUSCAP) { o3_autostatus = 2; continue; }
if (ar[i] == HEIGHT) { o3_height = ar[++i]; o3_aboveheight = ar[i]; continue; } // Same param again.
if (ar[i] == CLOSETEXT) { o3_close = ar[++i]; continue; }
if (ar[i] == SNAPX) { o3_snapx = ar[++i]; continue; }
if (ar[i] == SNAPY) { o3_snapy = ar[++i]; continue; }
if (ar[i] == FIXX) { o3_fixx = ar[++i]; continue; }
if (ar[i] == FIXY) { o3_fixy = ar[++i]; continue; }
if (ar[i] == FGBACKGROUND) { o3_fgbackground = ar[++i]; continue; }
if (ar[i] == BGBACKGROUND) { o3_bgbackground = ar[++i]; continue; }
if (ar[i] == PADX) { o3_padxl = ar[++i]; o3_padxr = ar[++i]; continue; }
if (ar[i] == PADY) { o3_padyt = ar[++i]; o3_padyb = ar[++i]; continue; }
if (ar[i] == FULLHTML) { o3_fullhtml = 1; continue; }
if (ar[i] == BELOW || ar[i] == ABOVE) { o3_vpos = ar[i]; continue; }
if (ar[i] == CAPICON) { o3_capicon = ar[++i]; continue; }
if (ar[i] == TEXTFONT) { o3_textfont = ar[++i]; continue; }
if (ar[i] == CAPTIONFONT) { o3_captionfont = ar[++i]; continue; }
if (ar[i] == CLOSEFONT) { o3_closefont = ar[++i]; continue; }
if (ar[i] == TEXTSIZE) { o3_textsize = ar[++i]; continue; }
if (ar[i] == CAPTIONSIZE) { o3_captionsize = ar[++i]; continue; }
if (ar[i] == CLOSESIZE) { o3_closesize = ar[++i]; continue; }
if (ar[i] == FRAME) { opt_FRAME(ar[++i]); continue; }
if (ar[i] == TIMEOUT) { o3_timeout = ar[++i]; continue; }
if (ar[i] == FUNCTION) { opt_FUNCTION(ar[++i]); continue; }
if (ar[i] == DELAY) { o3_delay = ar[++i]; continue; }
if (ar[i] == HAUTO) { o3_hauto = (o3_hauto == 0) ? 1 : 0; continue; }
if (ar[i] == VAUTO) { o3_vauto = (o3_vauto == 0) ? 1 : 0; continue; }
if (ar[i] == CLOSECLICK) { o3_closeclick = (o3_closeclick == 0) ? 1 : 0; continue; }
if (ar[i] == CSSOFF) { o3_css = ar[i]; continue; }
if (ar[i] == CSSSTYLE) { o3_css = ar[i]; continue; }
if (ar[i] == CSSCLASS) { o3_css = ar[i]; continue; }
if (ar[i] == FGCLASS) { o3_fgclass = ar[++i]; continue; }
if (ar[i] == BGCLASS) { o3_bgclass = ar[++i]; continue; }
if (ar[i] == TEXTFONTCLASS) { o3_textfontclass = ar[++i]; continue; }
if (ar[i] == CAPTIONFONTCLASS) { o3_captionfontclass = ar[++i]; continue; }
if (ar[i] == CLOSEFONTCLASS) { o3_closefontclass = ar[++i]; continue; }
if (ar[i] == PADUNIT) { o3_padunit = ar[++i]; continue; }
if (ar[i] == HEIGHTUNIT) { o3_heightunit = ar[++i]; continue; }
if (ar[i] == WIDTHUNIT) { o3_widthunit = ar[++i]; continue; }
if (ar[i] == TEXTSIZEUNIT) { o3_textsizeunit = ar[++i]; continue; }
if (ar[i] == TEXTDECORATION) { o3_textdecoration = ar[++i]; continue; }
if (ar[i] == TEXTSTYLE) { o3_textstyle = ar[++i]; continue; }
if (ar[i] == TEXTWEIGHT) { o3_textweight = ar[++i]; continue; }
if (ar[i] == CAPTIONSIZEUNIT) { o3_captionsizeunit = ar[++i]; continue; }
if (ar[i] == CAPTIONDECORATION) { o3_captiondecoration = ar[++i]; continue; }
if (ar[i] == CAPTIONSTYLE) { o3_captionstyle = ar[++i]; continue; }
if (ar[i] == CAPTIONWEIGHT) { o3_captionweight = ar[++i]; continue; }
if (ar[i] == CLOSESIZEUNIT) { o3_closesizeunit = ar[++i]; continue; }
if (ar[i] == CLOSEDECORATION) { o3_closedecoration = ar[++i]; continue; }
if (ar[i] == CLOSESTYLE) { o3_closestyle = ar[++i]; continue; }
if (ar[i] == CLOSEWEIGHT) { o3_closeweight = ar[++i]; continue; }
}
}
if (o3_delay == 0) {
return overlib350();
} else {
o3_delayid = setTimeout("overlib350()", o3_delay);
if (o3_sticky) {
return false;
} else {
return true;
}
}
}
// Clears popups if appropriate
function nd() {
if ( o3_removecounter >= 1 ) { o3_showingsticky = 0 };
if ( (ns4) || (ie4) || (ns6) ) {
if ( o3_showingsticky == 0 ) {
o3_allowmove = 0;
if (over != null) hideObject(over);
} else {
o3_removecounter++;
}
}
return true;
}
////////////////////////////////////////////////////////////////////////////////////
// OVERLIB 3.50 FUNCTION
////////////////////////////////////////////////////////////////////////////////////
// This function decides what it is we want to display and how we want it done.
function overlib350() {
// Make layer content
var layerhtml;
if (o3_background != "" || o3_fullhtml) {
// Use background instead of box.
layerhtml = ol_content_background(o3_text, o3_background, o3_fullhtml);
} else {
// They want a popup box.
// Prepare popup background
if (o3_fgbackground != "" && o3_css == CSSOFF) {
o3_fgbackground = "BACKGROUND=/""+o3_fgbackground+"/"";
}
if (o3_bgbackground != "" && o3_css == CSSOFF) {
o3_bgbackground = "BACKGROUND=/""+o3_bgbackground+"/"";
}
// Prepare popup colors
if (o3_fgcolor != "" && o3_css == CSSOFF) {
o3_fgcolor = "BGCOLOR=/""+o3_fgcolor+"/"";
}
if (o3_bgcolor != "" && o3_css == CSSOFF) {
o3_bgcolor = "BGCOLOR=/""+o3_bgcolor+"/"";
}
// Prepare popup height
if (o3_height > 0 && o3_css == CSSOFF) {
o3_height = "HEIGHT=" + o3_height;
} else {
o3_height = "";
}
// Decide which kinda box.
if (o3_cap == "") {
// Plain
layerhtml = ol_content_simple(o3_text);
} else {
// With caption
if (o3_sticky) {
// Show close text
layerhtml = ol_content_caption(o3_text, o3_cap, o3_close);
} else {
// No close text
layerhtml = ol_content_caption(o3_text, o3_cap, "");
}
}
}
// We want it to stick!
if (o3_sticky) {
o3_showingsticky = 1;
o3_removecounter = 0;
}
// Write layer
layerWrite(layerhtml);
// Prepare status bar
if (o3_autostatus > 0) {
o3_status = o3_text;
if (o3_autostatus > 1) {
o3_status = o3_cap;
}
}
// When placing the layer the first time, even stickies may be moved.
o3_allowmove = 0;
// Initiate a timer for timeout
if (o3_timeout > 0) {
if (o3_timerid > 0) clearTimeout(o3_timerid);
o3_timerid = setTimeout("cClick()", o3_timeout);
}
// Show layer
disp(o3_status);
// Stickies should stay where they are.
if (o3_sticky) {
o3_allowmove = 0;
return false;
} else {
return true;
}
}
////////////////////////////////////////////////////////////////////////////////////
// LAYER GENERATION FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// Makes simple table without caption
function ol_content_simple(text) {
if (o3_css == CSSCLASS) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 class=/""+o3_bgclass+"/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 class=/""+o3_fgclass+"/"><TR><TD VALIGN=TOP><FONT class=/""+o3_textfontclass+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (o3_css == CSSSTYLE) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 style=/"background-color: "+o3_bgcolor+"; height: "+o3_height+o3_heightunit+";/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 style=/"color: "+o3_fgcolor+"; background-color: "+o3_fgcolor+"; height: "+o3_height+o3_heightunit+";/"><TR><TD VALIGN=TOP><FONT style=/"font-family: "+o3_textfont+"; color: "+o3_textcolor+"; font-size: "+o3_textsize+o3_textsizeunit+"; text-decoration: "+o3_textdecoration+"; font-weight: "+o3_textweight+"; font-style:"+o3_textstyle+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (o3_css == CSSOFF) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 "+o3_bgcolor+" "+o3_height+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 "+o3_fgcolor+" "+o3_fgbackground+" "+o3_height+"><TR><TD VALIGN=TOP><FONT FACE=/""+o3_textfont+"/" COLOR=/""+o3_textcolor+"/" SIZE=/""+o3_textsize+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
set_background("");
return txt;
}
// Makes table with caption and optional close link
function ol_content_caption(text, title, close) {
closing = "";
closeevent = "onMouseOver";
if (o3_closeclick == 1) closeevent = "onClick";
if (o3_capicon != "") o3_capicon = "<IMG SRC=/""+o3_capicon+"/"> ";
if (close != "") {
if (o3_css == CSSCLASS) closing = "<TD ALIGN=RIGHT><A HREF=/"//" "+closeevent+"=/"return cClick();/" class=/""+o3_closefontclass+"/">"+close+"</A></TD>";
if (o3_css == CSSSTYLE) closing = "<TD ALIGN=RIGHT><A HREF=/"//" "+closeevent+"=/"return cClick();/" style=/"color: "+o3_closecolor+"; font-family: "+o3_closefont+"; font-size: "+o3_closesize+o3_closesizeunit+"; text-decoration: "+o3_closedecoration+"; font-weight: "+o3_closeweight+"; font-style:"+o3_closestyle+";/">"+close+"</A></TD>";
if (o3_css == CSSOFF) closing = "<TD ALIGN=RIGHT><A HREF=/"//" "+closeevent+"=/"return cClick();/"><FONT COLOR=/""+o3_closecolor+"/" FACE=/""+o3_closefont+"/" SIZE=/""+o3_closesize+"/">"+close+"</FONT></A></TD>";
}
if (o3_css == CSSCLASS) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 class=/""+o3_bgclass+"/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><FONT class=/""+o3_captionfontclass+"/">"+o3_capicon+title+"</FONT></TD>"+closing+"</TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 class=/""+o3_fgclass+"/"><TR><TD VALIGN=TOP><FONT class=/""+o3_textfontclass+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (o3_css == CSSSTYLE) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 style=/"background-color: "+o3_bgcolor+"; background-image: url("+o3_bgbackground+"); height: "+o3_height+o3_heightunit+";/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><FONT style=/"font-family: "+o3_captionfont+"; color: "+o3_capcolor+"; font-size: "+o3_captionsize+o3_captionsizeunit+"; font-weight: "+o3_captionweight+"; font-style: "+o3_captionstyle+";/">"+o3_capicon+title+"</FONT></TD>"+closing+"</TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 style=/"color: "+o3_fgcolor+"; background-color: "+o3_fgcolor+"; height: "+o3_height+o3_heightunit+";/"><TR><TD VALIGN=TOP><FONT style=/"font-family: "+o3_textfont+"; color: "+o3_textcolor+"; font-size: "+o3_textsize+o3_textsizeunit+"; text-decoration: "+o3_textdecoration+"; font-weight: "+o3_textweight+"; font-style:"+o3_textstyle+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (o3_css == CSSOFF) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 "+o3_bgcolor+" "+o3_bgbackground+" "+o3_height+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1><TR><td>"+o3_capicon+"</td><TD valign=/"middle/" align=/"center/"><B><FONT COLOR=/""+o3_capcolor+"/" FACE=/""+o3_captionfont+"/" SIZE=/""+o3_captionsize+"/">"+title+"</FONT></B></TD>"+closing+"</TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 "+o3_fgcolor+" "+o3_fgbackground+" "+o3_height+"><TR><TD VALIGN=TOP><FONT COLOR=/""+o3_textcolor+"/" FACE=/""+o3_textfont+"/" SIZE=/""+o3_textsize+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
set_background("");
return txt;
}
// Sets the background picture, padding and lots more. :)
function ol_content_background(text, picture, hasfullhtml) {
if (hasfullhtml) {
txt = text;
} else {
if (o3_css == CSSCLASS) txt = "<TABLE WIDTH="+o3_width+o3_widthunit+" BORDER=0 CELLPADDING=0 CELLSPACING=0 HEIGHT="+o3_height+o3_heightunit+"><TR><TD COLSPAN=3 HEIGHT="+o3_padyt+o3_padunit+"></TD></TR><TR><TD WIDTH="+o3_padxl+o3_padunit+"></TD><TD VALIGN=TOP WIDTH="+(o3_width-o3_padxl-o3_padxr)+o3_padunit+"><FONT class=/""+o3_textfontclass+"/">"+text+"</FONT></TD><TD WIDTH="+o3_padxr+o3_padunit+"></TD></TR><TR><TD COLSPAN=3 HEIGHT="+o3_padyb+o3_padunit+"></TD></TR></TABLE>";
if (o3_css == CSSSTYLE) txt = "<TABLE WIDTH="+o3_width+o3_widthunit+" BORDER=0 CELLPADDING=0 CELLSPACING=0 HEIGHT="+o3_height+o3_heightunit+"><TR><TD COLSPAN=3 HEIGHT="+o3_padyt+o3_padunit+"></TD></TR><TR><TD WIDTH="+o3_padxl+o3_padunit+"></TD><TD VALIGN=TOP WIDTH="+(o3_width-o3_padxl-o3_padxr)+o3_padunit+"><FONT style=/"font-family: "+o3_textfont+"; color: "+o3_textcolor+"; font-size: "+o3_textsize+o3_textsizeunit+";/">"+text+"</FONT></TD><TD WIDTH="+o3_padxr+o3_padunit+"></TD></TR><TR><TD COLSPAN=3 HEIGHT="+o3_padyb+o3_padunit+"></TD></TR></TABLE>";
if (o3_css == CSSOFF) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING=0 CELLSPACING=0 HEIGHT="+o3_height+"><TR><TD COLSPAN=3 HEIGHT="+o3_padyt+"></TD></TR><TR><TD WIDTH="+o3_padxl+"></TD><TD VALIGN=TOP WIDTH="+(o3_width-o3_padxl-o3_padxr)+"><FONT FACE=/""+o3_textfont+"/" COLOR=/""+o3_textcolor+"/" SIZE=/""+o3_textsize+"/">"+text+"</FONT></TD><TD WIDTH="+o3_padxr+"></TD></TR><TR><TD COLSPAN=3 HEIGHT="+o3_padyb+"></TD></TR></TABLE>";
}
set_background(picture);
return txt;
}
// Loads a picture into the div.
function set_background(pic) {
if (pic == "") {
if (ie4) over.backgroundImage = "none";
if (ns6) over.style.backgroundImage = "none";
} else {
if (ns4) {
over.background.src = pic;
} else if (ie4) {
over.backgroundImage = "url("+pic+")";
} else if (ns6) {
over.style.backgroundImage = "url("+pic+")";
}
}
}
////////////////////////////////////////////////////////////////////////////////////
// HANDLING FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// Displays the popup
function disp(statustext) {
if ( (ns4) || (ie4) || (ns6) ) {
if (o3_allowmove == 0) {
placeLayer();
showObject(over);
o3_allowmove = 1;
}
}
if (statustext != "") {
self.status = statustext;
}
}
// Decides where we want the popup.
function placeLayer() {
var placeX, placeY;
// HORIZONTAL PLACEMENT
if (o3_fixx > -1) {
// Fixed position
placeX = o3_fixx;
} else {
winoffset = (ie4) ? o3_frame.document.body.scrollLeft : o3_frame.pageXOffset;
if (ie4) iwidth = o3_frame.document.body.clientWidth;
if (ns4) iwidth = o3_frame.innerWidth; // was screwed in mozilla, fixed now?
if (ns6) iwidth = o3_frame.outerWidth;
// If HAUTO, decide what to use.
if (o3_hauto == 1) {
if ( (o3_x - winoffset) > ((eval(iwidth)) / 2)) {
o3_hpos = LEFT;
} else {
o3_hpos = RIGHT;
}
}
// From mouse
if (o3_hpos == CENTER) { // Center
placeX = o3_x+o3_offsetx-(o3_width/2);
}
if (o3_hpos == RIGHT) { // Right
placeX = o3_x+o3_offsetx;
if ( (eval(placeX) + eval(o3_width)) > (winoffset + iwidth) ) {
placeX = iwidth + winoffset - o3_width;
if (placeX < 0) placeX = 0;
}
}
if (o3_hpos == LEFT) { // Left
placeX = o3_x-o3_offsetx-o3_width;
if (placeX < winoffset) placeX = winoffset;
}
// Snapping!
if (o3_snapx > 1) {
var snapping = placeX % o3_snapx;
if (o3_hpos == LEFT) {
placeX = placeX - (o3_snapx + snapping);
} else {
// CENTER and RIGHT
placeX = placeX + (o3_snapx - snapping);
}
if (placeX < winoffset) placeX = winoffset;
}
}
// VERTICAL PLACEMENT
if (o3_fixy > -1) {
// Fixed position
placeY = o3_fixy;
} else {
scrolloffset = (ie4) ? o3_frame.document.body.scrollTop : o3_frame.pageYOffset;
// If VAUTO, decide what to use.
if (o3_vauto == 1) {
if (ie4) iheight = o3_frame.document.body.clientHeight;
if (ns4) iheight = o3_frame.innerHeight;
if (ns6) iheight = o3_frame.outerHeight;
iheight = (eval(iheight)) / 2;
if ( (o3_y - scrolloffset) > iheight) {
o3_vpos = ABOVE;
} else {
o3_vpos = BELOW;
}
}
// From mouse
if (o3_vpos == ABOVE) {
if (o3_aboveheight == 0) {
var divref = (ie4) ? o3_frame.document.all['overDiv'] : over;
o3_aboveheight = (ns4) ? divref.clip.height : divref.offsetHeight;
}
placeY = o3_y - (o3_aboveheight + o3_offsety);
if (placeY < scrolloffset) placeY = scrolloffset;
} else {
// BELOW
placeY = o3_y + o3_offsety;
}
// Snapping!
if (o3_snapy > 1) {
var snapping = placeY % o3_snapy;
if (o3_aboveheight > 0 && o3_vpos == ABOVE) {
placeY = placeY - (o3_snapy + snapping);
} else {
placeY = placeY + (o3_snapy - snapping);
}
if (placeY < scrolloffset) placeY = scrolloffset;
}
}
// Actually move the object.
repositionTo(over, placeX, placeY);
}
// Moves the layer
function mouseMove(e) {
if ( (ns4) || (ns6) ) {o3_x=e.pageX; o3_y=e.pageY;}
if (ie4) {o3_x=event.x; o3_y=event.y;}
if (ie5) {o3_x=event.x+o3_frame.document.body.scrollLeft; o3_y=event.y+o3_frame.document.body.scrollTop;}
if (o3_allowmove == 1) {
placeLayer();
}
}
// The Close onMouseOver function for stickies
function cClick() {
hideObject(over);
o3_showingsticky = 0;
return false;
}
// Makes sure target frame has overLIB
function compatibleframe(frameid) {
if (ns4) {
if (typeof frameid.document.overDiv =='undefined') return false;
} else if (ie4) {
if (typeof frameid.document.all["overDiv"] =='undefined') return false;
} else if (ns6) {
if (frameid.document.getElementById('overDiv') == null) return false;
}
return true;
}
////////////////////////////////////////////////////////////////////////////////////
// LAYER FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// Writes to a layer
function layerWrite(txt) {
txt += "/n";
if (ns4) {
var lyr = o3_frame.document.overDiv.document
lyr.write(txt)
lyr.close()
} else if (ie4) {
o3_frame.document.all["overDiv"].innerHTML = txt
} else if (ns6) {
range = o3_frame.document.createRange();
range.setStartBefore(over);
domfrag = range.createContextualFragment(txt);
while (over.hasChildNodes()) {
over.removeChild(over.lastChild);
}
over.appendChild(domfrag);
}
}
// Make an object visible
function showObject(obj) {
if (ns4) obj.visibility = "show";
else if (ie4) obj.visibility = "visible";
else if (ns6) obj.style.visibility = "visible";
}
// Hides an object
function hideObject(obj) {
if (ns4) obj.visibility = "hide";
else if (ie4) obj.visibility = "hidden";
else if (ns6) obj.style.visibility = "hidden";
if (o3_timerid > 0) clearTimeout(o3_timerid);
if (o3_delayid > 0) clearTimeout(o3_delayid);
o3_timerid = 0;
o3_delayid = 0;
self.status = "";
}
// Move a layer
function repositionTo(obj,xL,yL) {
if ( (ns4) || (ie4) ) {
obj.left = xL;
obj.top = yL;
} else if (ns6) {
obj.style.left = xL + "px";
obj.style.top = yL+ "px";
}
}
////////////////////////////////////////////////////////////////////////////////////
// PARSER FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// Defines which frame we should point to.
function opt_FRAME(frm) {
o3_frame = compatibleframe(frm) ? frm : ol_frame;
if ( (ns4) || (ie4 || (ns6)) ) {
if (ns4) over = o3_frame.document.overDiv;
if (ie4) over = o3_frame.overDiv.style;
if (ns6) over = o3_frame.document.getElementById("overDiv");
}
return 0;
}
// Calls an external function
function opt_FUNCTION(callme) {
o3_text = callme()
return 0;
}
//end (For internal purposes.)
////////////////////////////////////////////////////////////////////////////////////
// OVERLIB 2 COMPATABILITY FUNCTIONS
// If you aren't upgrading you can remove the below section.
////////////////////////////////////////////////////////////////////////////////////
// Converts old 0=left, 1=right and 2=center into constants.
function vpos_convert(d) {
if (d == 0) {
d = LEFT;
} else {
if (d == 1) {
d = RIGHT;
} else {
d = CENTER;
}
}
return d;
}
// Simple popup
function dts(d,text) {
o3_hpos = vpos_convert(d);
overlib(text, o3_hpos, CAPTION, "");
}
// Caption popup
function dtc(d,text, title) {
o3_hpos = vpos_convert(d);
overlib(text, CAPTION, title, o3_hpos);
}
// Sticky
function stc(d,text, title) {
o3_hpos = vpos_convert(d);
overlib(text, CAPTION, title, o3_hpos, STICKY);
}
// Simple popup right
function drs(text) {
dts(1,text);
}
// Caption popup right
function drc(text, title) {
dtc(1,text,title);
}
// Sticky caption right
function src(text,title) {
stc(1,text,title);
}
// Simple popup left
function dls(text) {
dts(0,text);
}
// Caption popup left
function dlc(text, title) {
dtc(0,text,title);
}
// Sticky caption left
function slc(text,title) {
stc(0,text,title);
}
// Simple popup center
function dcs(text) {
dts(2,text);
}
// Caption popup center
function dcc(text, title) {
dtc(2,text,title);
}
// Sticky caption center
function scc(text,title) {
stc(2,text,title);
}
------------------------------------------
调用代码如下
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="pid" HeaderText="Id" />
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<asp:CheckBox ID="cbselect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<a href="#" onmouseover="return overlib('<img src=<%=System.Configuration.ConfigurationManager.AppSettings["DoMain"] %><%#Eval("Com_Id") %>/Produpic/<%#Eval("PbPhoto") %> Width=200 /></a>', CAPTION, '<%#Eval("pname") %>',FGCOLOR, '#fcfcfc', BGCOLOR, '#0080C0', CAPCOLOR, '#ffffff', BORDER, 2, CLOSETEXT, 'Close');" onmouseout="nd();"><img src="pic/icon-viewpic.gif" border="0"></a></a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="商品名称">
<ItemTemplate>
<a href='DetailProduceInfo.aspx?pid=<%#Eval("pid") %>'><%#Eval("pname") %></a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="单价">
<ItemTemplate>
<!-- <%# Convert.ToDecimal(Eval("pmoney")) * Convert.ToDecimal(Convert.ToInt32(Session["Level_Price"])/100) %>-->
<%#Eval("pmoney") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="数量">
<ItemTemplate>
<asp:TextBox ID="txtquantity" runat="server" Width="80px">0</asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtquantity"
ErrorMessage="请你输入数字！" ValidationExpression="^[0-9]{1,}$"></asp:RegularExpressionValidator>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
在这下面加个层
<div id="overDiv" style="Z-INDEX: 1000; VISIBILITY: hidden; POSITION: absolute"></div>
可别加在GridView中哦
最后千万别忘了在Head中加这么一句
<script language="javascript" src="js/overlib.js"></script>
我就是忘了加这么一句，害我的调试了半天，哈哈！！
写完了，希望对你有帮助！！！！！！！
js代码如下
-----------------------------------------
var INARRAY = 1;
var CAPARRAY = 2;
var STICKY = 3;
var BACKGROUND = 4;
var NOCLOSE = 5;
var CAPTION = 6;
var LEFT = 7;
var RIGHT = 8;
var CENTER = 9;
var OFFSETX = 10;
var OFFSETY = 11;
var FGCOLOR = 12;
var BGCOLOR = 13;
var TEXTCOLOR = 14;
var CAPCOLOR = 15;
var CLOSECOLOR = 16;
var WIDTH = 17;
var BORDER = 18;
var STATUS = 19;
var AUTOSTATUS = 20;
var AUTOSTATUSCAP = 21;
var HEIGHT = 22;
var CLOSETEXT = 23;
var SNAPX = 24;
var SNAPY = 25;
var FIXX = 26;
var FIXY = 27;
var FGBACKGROUND = 28;
var BGBACKGROUND = 29;
var PADX = 30; // PADX2 out
var PADY = 31; // PADY2 out
var FULLHTML = 34;
var ABOVE = 35;
var BELOW = 36;
var CAPICON = 37;
var TEXTFONT = 38;
var CAPTIONFONT = 39;
var CLOSEFONT = 40;
var TEXTSIZE = 41;
var CAPTIONSIZE = 42;
var CLOSESIZE = 43;
var FRAME = 44;
var TIMEOUT = 45;
var FUNCTION = 46;
var DELAY = 47;
var HAUTO = 48;
var VAUTO = 49;
var CLOSECLICK = 50;
var CSSOFF = 51;
var CSSSTYLE = 52;
var CSSCLASS = 53;
var FGCLASS = 54;
var BGCLASS = 55;
var TEXTFONTCLASS = 56;
var CAPTIONFONTCLASS = 57;
var CLOSEFONTCLASS = 58;
var PADUNIT = 59;
var HEIGHTUNIT = 60;
var WIDTHUNIT = 61;
var TEXTSIZEUNIT = 62;
var TEXTDECORATION = 63;
var TEXTSTYLE = 64;
var TEXTWEIGHT = 65;
var CAPTIONSIZEUNIT = 66;
var CAPTIONDECORATION = 67;
var CAPTIONSTYLE = 68;
var CAPTIONWEIGHT = 69;
var CLOSESIZEUNIT = 70;
var CLOSEDECORATION = 71;
var CLOSESTYLE = 72;
var CLOSEWEIGHT = 73;
////////////////////////////////////////////////////////////////////////////////////
// DEFAULT CONFIGURATION
// You don't have to change anything here if you don't want to. All of this can be
// changed on your html page or through an overLIB call.
////////////////////////////////////////////////////////////////////////////////////
// Main background color (the large area)
// Usually a bright color (white, yellow etc)
if (typeof ol_fgcolor == 'undefined') { var ol_fgcolor = "#CCCCFF";}
// Border color and color of caption
// Usually a dark color (black, brown etc)
if (typeof ol_bgcolor == 'undefined') { var ol_bgcolor = "#333399";}
// Text color
// Usually a dark color
if (typeof ol_textcolor == 'undefined') { var ol_textcolor = "#000000";}
// Color of the caption text
// Usually a bright color
if (typeof ol_capcolor == 'undefined') { var ol_capcolor = "#FFFFFF";}
// Color of "Close" when using Sticky
// Usually a semi-bright color
if (typeof ol_closecolor == 'undefined') { var ol_closecolor = "#9999FF";}
// Font face for the main text
if (typeof ol_textfont == 'undefined') { var ol_textfont = "宋体";}
// Font face for the caption
if (typeof ol_captionfont == 'undefined') { var ol_captionfont = "宋体";}
// Font face for the close text
if (typeof ol_closefont == 'undefined') { var ol_closefont = "宋体";}
// Font size for the main text
// When using CSS this will be very small.
if (typeof ol_textsize == 'undefined') { var ol_textsize = "2";}
// Font size for the caption
// When using CSS this will be very small.
if (typeof ol_captionsize == 'undefined') { var ol_captionsize = "2";}
// Font size for the close text
// When using CSS this will be very small.
if (typeof ol_closesize == 'undefined') { var ol_closesize = "1";}
// Width of the popups in pixels
// 100-300 pixels is typical
if (typeof ol_width == 'undefined') { var ol_width = "200";}
// How thick the ol_border should be in pixels
// 1-3 pixels is typical
if (typeof ol_border == 'undefined') { var ol_border = "1";}
// How many pixels to the right/left of the cursor to show the popup
// Values between 3 and 12 are best
if (typeof ol_offsetx == 'undefined') { var ol_offsetx = 10;}
// How many pixels to the below the cursor to show the popup
// Values between 3 and 12 are best
if (typeof ol_offsety == 'undefined') { var ol_offsety = 10;}
// Default text for popups
// Should you forget to pass something to overLIB this will be displayed.
if (typeof ol_text == 'undefined') { var ol_text = "Default Text"; }
// Default caption
// You should leave this blank or you will have problems making non caps popups.
if (typeof ol_cap == 'undefined') { var ol_cap = ""; }
// Decides if sticky popups are default.
// 0 for non, 1 for stickies.
if (typeof ol_sticky == 'undefined') { var ol_sticky = 0; }
// Default background image. Better left empty unless you always want one.
if (typeof ol_background == 'undefined') { var ol_background = ""; }
// Text for the closing sticky popups.
// Normal is "Close".
if (typeof ol_close == 'undefined') { var ol_close = "Close"; }
// Default vertical alignment for popups.
// It's best to leave RIGHT here. Other options are LEFT and CENTER.
if (typeof ol_hpos == 'undefined') { var ol_hpos = RIGHT; }
// Default status bar text when a popup is invoked.
if (typeof ol_status == 'undefined') { var ol_status = ""; }
// If the status bar automatically should load either text or caption.
// 0=nothing, 1=text, 2=caption
if (typeof ol_autostatus == 'undefined') { var ol_autostatus = 0; }
// Default height for popup. Often best left alone.
if (typeof ol_height == 'undefined') { var ol_height = -1; }
// Horizontal grid spacing that popups will snap to.
// 0 makes no grid, anything else will cause a snap to that grid spacing.
if (typeof ol_snapx == 'undefined') { var ol_snapx = 0; }
// Vertical grid spacing that popups will snap to.
// 0 makes no grid, andthing else will cause a snap to that grid spacing.
if (typeof ol_snapy == 'undefined') { var ol_snapy = 0; }
// Sets the popups horizontal position to a fixed column.
// Anything above -1 will cause fixed position.
if (typeof ol_fixx == 'undefined') { var ol_fixx = -1; }
// Sets the popups vertical position to a fixed row.
// Anything above -1 will cause fixed position.
if (typeof ol_fixy == 'undefined') { var ol_fixy = -1; }
// Background image for the popups inside.
if (typeof ol_fgbackground == 'undefined') { var ol_fgbackground = ""; }
// Background image for the popups frame.
if (typeof ol_bgbackground == 'undefined') { var ol_bgbackground = ""; }
// How much horizontal left padding text should get by default when BACKGROUND is used.
if (typeof ol_padxl == 'undefined') { var ol_padxl = 1; }
// How much horizontal right padding text should get by default when BACKGROUND is used.
if (typeof ol_padxr == 'undefined') { var ol_padxr = 1; }
// How much vertical top padding text should get by default when BACKGROUND is used.
if (typeof ol_padyt == 'undefined') { var ol_padyt = 1; }
// How much vertical bottom padding text should get by default when BACKGROUND is used.
if (typeof ol_padyb == 'undefined') { var ol_padyb = 1; }
// If the user by default must supply all html for complete popup control.
// Set to 1 to activate, 0 otherwise.
if (typeof ol_fullhtml == 'undefined') { var ol_fullhtml = 0; }
// Default vertical position of the popup. Default should normally be BELOW.
// ABOVE only works when HEIGHT is defined.
if (typeof ol_vpos == 'undefined') { var ol_vpos = BELOW; }
// Default height of popup to use when placing the popup above the cursor.
if (typeof ol_aboveheight == 'undefined') { var ol_aboveheight = 0; }
// Default icon to place next to the popups caption.
if (typeof ol_caption == 'undefined') { var ol_capicon = ""; }
// Default frame. We default to current frame if there is no frame defined.
if (typeof ol_frame == 'undefined') { var ol_frame = self; }
// Default timeout. By default there is no timeout.
if (typeof ol_timeout == 'undefined') { var ol_timeout = 0; }
// Default javascript funktion. By default there is none.
if (typeof ol_function == 'undefined') { var ol_function = Function(); }
// Default timeout. By default there is no timeout.
if (typeof ol_delay == 'undefined') { var ol_delay = 0; }
// If overLIB should decide the horizontal placement.
if (typeof ol_hauto == 'undefined') { var ol_hauto = 0; }
// If overLIB should decide the vertical placement.
if (typeof ol_vauto == 'undefined') { var ol_vauto = 0; }
// If the user has to click to close stickies.
if (typeof ol_closeclick == 'undefined') { var ol_closeclick = 0; }
// This variable determines if you want to use CSS or inline definitions.
// CSSOFF=no CSS CSSSTYLE=use CSS inline styles CSSCLASS=use classes
if (typeof ol_css == 'undefined') { var ol_css = CSSOFF; }
// Main background class (eqv of fgcolor)
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_fgclass == 'undefined') { var ol_fgclass = ""; }
// Frame background class (eqv of bgcolor)
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_bgclass == 'undefined') { var ol_bgclass = ""; }
// Main font class
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_textfontclass == 'undefined') { var ol_textfontclass = ""; }
// Caption font class
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_captionfontclass == 'undefined') { var ol_captionfontclass = ""; }
// Close font class
// This is only used if CSS is set to use classes (ol_css = CSSCLASS)
if (typeof ol_closefontclass == 'undefined') { var ol_closefontclass = ""; }
// Unit to be used for the text padding above
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
// Options include "px", "%", "in", "cm" and more
if (typeof ol_padunit == 'undefined') { var ol_padunit = "px";}
// Unit to be used for height of popup
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
// Options include "px", "%", "in", "cm" and more
if (typeof ol_heightunit == 'undefined') { var ol_heightunit = "px";}
// Unit to be used for width of popup
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
// Options include "px", "%", "in", "cm" and more
if (typeof ol_widthunit == 'undefined') { var ol_widthunit = "px";}
// Font size unit for the main text
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_textsizeunit == 'undefined') { var ol_textsizeunit = "px";}
// Decoration of the main text ("none", "underline", "line-through" or "blink")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_textdecoration == 'undefined') { var ol_textdecoration = "none";}
// Font style of the main text ("normal" or "italic")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_textstyle == 'undefined') { var ol_textstyle = "normal";}
// Font weight of the main text ("normal", "bold", "bolder", "lighter", ect.)
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_textweight == 'undefined') { var ol_textweight = "normal";}
// Font size unit for the caption
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_captionsizeunit == 'undefined') { var ol_captionsizeunit = "px";}
// Decoration of the caption ("none", "underline", "line-through" or "blink")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_captiondecoration == 'undefined') { var ol_captiondecoration = "none";}
// Font style of the caption ("normal" or "italic")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_captionstyle == 'undefined') { var ol_captionstyle = "normal";}
// Font weight of the caption ("normal", "bold", "bolder", "lighter", ect.)
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_captionweight == 'undefined') { var ol_captionweight = "bold";}
// Font size unit for the close text
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_closesizeunit == 'undefined') { var ol_closesizeunit = "px";}
// Decoration of the close text ("none", "underline", "line-through" or "blink")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_closedecoration == 'undefined') { var ol_closedecoration = "none";}
// Font style of the close text ("normal" or "italic")
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_closestyle == 'undefined') { var ol_closestyle = "normal";}
// Font weight of the close text ("normal", "bold", "bolder", "lighter", ect.)
// Only used if CSS inline styles are being used (ol_css = CSSSTYLE)
if (typeof ol_closeweight == 'undefined') { var ol_closeweight = "normal";}
////////////////////////////////////////////////////////////////////////////////////
// ARRAY CONFIGURATION
// You don't have to change anything here if you don't want to. The following
// arrays can be filled with text and html if you don't wish to pass it from
// your html page.
////////////////////////////////////////////////////////////////////////////////////
// Array with texts.
if (typeof ol_texts == 'undefined') { var ol_texts = new Array("Text 0", "Text 1"); }
// Array with captions.
if (typeof ol_caps == 'undefined') { var ol_caps = new Array("Caption 0", "Caption 1"); }
////////////////////////////////////////////////////////////////////////////////////
// END CONFIGURATION
// Don't change anything below this line, all configuration is above.
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
// INIT
////////////////////////////////////////////////////////////////////////////////////
// Runtime variables init. Used for runtime only, don't change, not for config!
var o3_text = "";
var o3_cap = "";
var o3_sticky = 0;
var o3_background = "";
var o3_close = "Close";
var o3_hpos = RIGHT;
var o3_offsetx = 2;
var o3_offsety = 2;
var o3_fgcolor = "";
var o3_bgcolor = "";
var o3_textcolor = "";
var o3_capcolor = "";
var o3_closecolor = "";
var o3_width = 100;
var o3_border = 1;
var o3_status = "";
var o3_autostatus = 0;
var o3_height = -1;
var o3_snapx = 0;
var o3_snapy = 0;
var o3_fixx = -1;
var o3_fixy = -1;
var o3_fgbackground = "";
var o3_bgbackground = "";
var o3_padxl = 0;
var o3_padxr = 0;
var o3_padyt = 0;
var o3_padyb = 0;
var o3_fullhtml = 0;
var o3_vpos = BELOW;
var o3_aboveheight = 0;
var o3_capicon = "";
var o3_textfont = "Verdana,Arial,Helvetica";
var o3_captionfont = "Verdana,Arial,Helvetica";
var o3_closefont = "Verdana,Arial,Helvetica";
var o3_textsize = "1";
var o3_captionsize = "1";
var o3_closesize = "1";
var o3_frame = self;
var o3_timeout = 0;
var o3_timerid = 0;
var o3_allowmove = 0;
var o3_function = Function();
var o3_delay = 0;
var o3_delayid = 0;
var o3_hauto = 0;
var o3_vauto = 0;
var o3_closeclick = 0;
var o3_css = CSSOFF;
var o3_fgclass = "";
var o3_bgclass = "";
var o3_textfontclass = "";
var o3_captionfontclass = "";
var o3_closefontclass = "";
var o3_padunit = "px";
var o3_heightunit = "px";
var o3_widthunit = "px";
var o3_textsizeunit = "px";
var o3_textdecoration = "";
var o3_textstyle = "";
var o3_textweight = "";
var o3_captionsizeunit = "px";
var o3_captiondecoration = "";
var o3_captionstyle = "";
var o3_captionweight = "";
var o3_closesizeunit = "px";
var o3_closedecoration = "";
var o3_closestyle = "";
var o3_closeweight = "";
// Display state variables
var o3_x = 0;
var o3_y = 0;
var o3_allow = 0;
var o3_showingsticky = 0;
var o3_removecounter = 0;
// Our layer
var over = null;
// Decide browser version
var ns4 = (document.layers)? true:false;
var ns6 = (document.getElementById)? true:false;
var ie4 = (document.all)? true:false;
var ie5 = false;
// Microsoft Stupidity Check(tm).
if (ie4) {
if ((navigator.userAgent.indexOf('MSIE 5') > 0) || (navigator.userAgent.indexOf('MSIE 6') > 0)) {
ie5 = true;
}
if (ns6) {
ns6 = false;
}
}
// Capture events, alt. diffuses the overlib function.
if ( (ns4) || (ie4) || (ns6)) {
document.onmousemove = mouseMove
if (ns4) document.captureEvents(Event.MOUSEMOVE)
} else {
overlib = no_overlib;
nd = no_overlib;
ver3fix = true;
}
// Fake function for 3.0 users.
function no_overlib() {
return ver3fix;
}
////////////////////////////////////////////////////////////////////////////////////
// PUBLIC FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// overlib(arg0,
, argN)
// Loads parameters into global runtime variables.
function overlib() {
// Load defaults to runtime.
o3_text = ol_text;
o3_cap = ol_cap;
o3_sticky = ol_sticky;
o3_background = ol_background;
o3_close = ol_close;
o3_hpos = ol_hpos;
o3_offsetx = ol_offsetx;
o3_offsety = ol_offsety;
o3_fgcolor = ol_fgcolor;
o3_bgcolor = ol_bgcolor;
o3_textcolor = ol_textcolor;
o3_capcolor = ol_capcolor;
o3_closecolor = ol_closecolor;
o3_width = ol_width;
o3_border = ol_border;
o3_status = ol_status;
o3_autostatus = ol_autostatus;
o3_height = ol_height;
o3_snapx = ol_snapx;
o3_snapy = ol_snapy;
o3_fixx = ol_fixx;
o3_fixy = ol_fixy;
o3_fgbackground = ol_fgbackground;
o3_bgbackground = ol_bgbackground;
o3_padxl = ol_padxl;
o3_padxr = ol_padxr;
o3_padyt = ol_padyt;
o3_padyb = ol_padyb;
o3_fullhtml = ol_fullhtml;
o3_vpos = ol_vpos;
o3_aboveheight = ol_aboveheight;
o3_capicon = ol_capicon;
o3_textfont = ol_textfont;
o3_captionfont = ol_captionfont;
o3_closefont = ol_closefont;
o3_textsize = ol_textsize;
o3_captionsize = ol_captionsize;
o3_closesize = ol_closesize;
o3_timeout = ol_timeout;
o3_function = ol_function;
o3_delay = ol_delay;
o3_hauto = ol_hauto;
o3_vauto = ol_vauto;
o3_closeclick = ol_closeclick;
o3_css = ol_css;
o3_fgclass = ol_fgclass;
o3_bgclass = ol_bgclass;
o3_textfontclass = ol_textfontclass;
o3_captionfontclass = ol_captionfontclass;
o3_closefontclass = ol_closefontclass;
o3_padunit = ol_padunit;
o3_heightunit = ol_heightunit;
o3_widthunit = ol_widthunit;
o3_textsizeunit = ol_textsizeunit;
o3_textdecoration = ol_textdecoration;
o3_textstyle = ol_textstyle;
o3_textweight = ol_textweight;
o3_captionsizeunit = ol_captionsizeunit;
o3_captiondecoration = ol_captiondecoration;
o3_captionstyle = ol_captionstyle;
o3_captionweight = ol_captionweight;
o3_closesizeunit = ol_closesizeunit;
o3_closedecoration = ol_closedecoration;
o3_closestyle = ol_closestyle;
o3_closeweight = ol_closeweight;
// Special for frame support, over must be reset
if ( (ns4) || (ie4) || (ns6) ) {
o3_frame = ol_frame;
if (ns4) over = o3_frame.document.overDiv
if (ie4) over = o3_frame.overDiv.style
if (ns6) over = o3_frame.document.getElementById("overDiv");
}
// What the next argument is expected to be.
var parsemode = -1;
var ar = arguments;
for (i = 0; i < ar.length; i++) {
if (parsemode < 0) {
// Arg is maintext, unless INARRAY
if (ar[i] == INARRAY) {
o3_text = ol_texts[ar[++i]];
} else {
o3_text = ar[i];
}
parsemode = 0;
} else {
// Note: NS4 doesn't like switch cases with vars.
if (ar[i] == INARRAY) { o3_text = ol_texts[ar[++i]]; continue; }
if (ar[i] == CAPARRAY) { o3_cap = ol_caps[ar[++i]]; continue; }
if (ar[i] == STICKY) { o3_sticky = 1; continue; }
if (ar[i] == BACKGROUND) { o3_background = ar[++i]; continue; }
if (ar[i] == NOCLOSE) { o3_close = ""; continue; }
if (ar[i] == CAPTION) { o3_cap = ar[++i]; continue; }
if (ar[i] == CENTER || ar[i] == LEFT || ar[i] == RIGHT) { o3_hpos = ar[i]; continue; }
if (ar[i] == OFFSETX) { o3_offsetx = ar[++i]; continue; }
if (ar[i] == OFFSETY) { o3_offsety = ar[++i]; continue; }
if (ar[i] == FGCOLOR) { o3_fgcolor = ar[++i]; continue; }
if (ar[i] == BGCOLOR) { o3_bgcolor = ar[++i]; continue; }
if (ar[i] == TEXTCOLOR) { o3_textcolor = ar[++i]; continue; }
if (ar[i] == CAPCOLOR) { o3_capcolor = ar[++i]; continue; }
if (ar[i] == CLOSECOLOR) { o3_closecolor = ar[++i]; continue; }
if (ar[i] == WIDTH) { o3_width = ar[++i]; continue; }
if (ar[i] == BORDER) { o3_border = ar[++i]; continue; }
if (ar[i] == STATUS) { o3_status = ar[++i]; continue; }
if (ar[i] == AUTOSTATUS) { o3_autostatus = 1; continue; }
if (ar[i] == AUTOSTATUSCAP) { o3_autostatus = 2; continue; }
if (ar[i] == HEIGHT) { o3_height = ar[++i]; o3_aboveheight = ar[i]; continue; } // Same param again.
if (ar[i] == CLOSETEXT) { o3_close = ar[++i]; continue; }
if (ar[i] == SNAPX) { o3_snapx = ar[++i]; continue; }
if (ar[i] == SNAPY) { o3_snapy = ar[++i]; continue; }
if (ar[i] == FIXX) { o3_fixx = ar[++i]; continue; }
if (ar[i] == FIXY) { o3_fixy = ar[++i]; continue; }
if (ar[i] == FGBACKGROUND) { o3_fgbackground = ar[++i]; continue; }
if (ar[i] == BGBACKGROUND) { o3_bgbackground = ar[++i]; continue; }
if (ar[i] == PADX) { o3_padxl = ar[++i]; o3_padxr = ar[++i]; continue; }
if (ar[i] == PADY) { o3_padyt = ar[++i]; o3_padyb = ar[++i]; continue; }
if (ar[i] == FULLHTML) { o3_fullhtml = 1; continue; }
if (ar[i] == BELOW || ar[i] == ABOVE) { o3_vpos = ar[i]; continue; }
if (ar[i] == CAPICON) { o3_capicon = ar[++i]; continue; }
if (ar[i] == TEXTFONT) { o3_textfont = ar[++i]; continue; }
if (ar[i] == CAPTIONFONT) { o3_captionfont = ar[++i]; continue; }
if (ar[i] == CLOSEFONT) { o3_closefont = ar[++i]; continue; }
if (ar[i] == TEXTSIZE) { o3_textsize = ar[++i]; continue; }
if (ar[i] == CAPTIONSIZE) { o3_captionsize = ar[++i]; continue; }
if (ar[i] == CLOSESIZE) { o3_closesize = ar[++i]; continue; }
if (ar[i] == FRAME) { opt_FRAME(ar[++i]); continue; }
if (ar[i] == TIMEOUT) { o3_timeout = ar[++i]; continue; }
if (ar[i] == FUNCTION) { opt_FUNCTION(ar[++i]); continue; }
if (ar[i] == DELAY) { o3_delay = ar[++i]; continue; }
if (ar[i] == HAUTO) { o3_hauto = (o3_hauto == 0) ? 1 : 0; continue; }
if (ar[i] == VAUTO) { o3_vauto = (o3_vauto == 0) ? 1 : 0; continue; }
if (ar[i] == CLOSECLICK) { o3_closeclick = (o3_closeclick == 0) ? 1 : 0; continue; }
if (ar[i] == CSSOFF) { o3_css = ar[i]; continue; }
if (ar[i] == CSSSTYLE) { o3_css = ar[i]; continue; }
if (ar[i] == CSSCLASS) { o3_css = ar[i]; continue; }
if (ar[i] == FGCLASS) { o3_fgclass = ar[++i]; continue; }
if (ar[i] == BGCLASS) { o3_bgclass = ar[++i]; continue; }
if (ar[i] == TEXTFONTCLASS) { o3_textfontclass = ar[++i]; continue; }
if (ar[i] == CAPTIONFONTCLASS) { o3_captionfontclass = ar[++i]; continue; }
if (ar[i] == CLOSEFONTCLASS) { o3_closefontclass = ar[++i]; continue; }
if (ar[i] == PADUNIT) { o3_padunit = ar[++i]; continue; }
if (ar[i] == HEIGHTUNIT) { o3_heightunit = ar[++i]; continue; }
if (ar[i] == WIDTHUNIT) { o3_widthunit = ar[++i]; continue; }
if (ar[i] == TEXTSIZEUNIT) { o3_textsizeunit = ar[++i]; continue; }
if (ar[i] == TEXTDECORATION) { o3_textdecoration = ar[++i]; continue; }
if (ar[i] == TEXTSTYLE) { o3_textstyle = ar[++i]; continue; }
if (ar[i] == TEXTWEIGHT) { o3_textweight = ar[++i]; continue; }
if (ar[i] == CAPTIONSIZEUNIT) { o3_captionsizeunit = ar[++i]; continue; }
if (ar[i] == CAPTIONDECORATION) { o3_captiondecoration = ar[++i]; continue; }
if (ar[i] == CAPTIONSTYLE) { o3_captionstyle = ar[++i]; continue; }
if (ar[i] == CAPTIONWEIGHT) { o3_captionweight = ar[++i]; continue; }
if (ar[i] == CLOSESIZEUNIT) { o3_closesizeunit = ar[++i]; continue; }
if (ar[i] == CLOSEDECORATION) { o3_closedecoration = ar[++i]; continue; }
if (ar[i] == CLOSESTYLE) { o3_closestyle = ar[++i]; continue; }
if (ar[i] == CLOSEWEIGHT) { o3_closeweight = ar[++i]; continue; }
}
}
if (o3_delay == 0) {
return overlib350();
} else {
o3_delayid = setTimeout("overlib350()", o3_delay);
if (o3_sticky) {
return false;
} else {
return true;
}
}
}
// Clears popups if appropriate
function nd() {
if ( o3_removecounter >= 1 ) { o3_showingsticky = 0 };
if ( (ns4) || (ie4) || (ns6) ) {
if ( o3_showingsticky == 0 ) {
o3_allowmove = 0;
if (over != null) hideObject(over);
} else {
o3_removecounter++;
}
}
return true;
}
////////////////////////////////////////////////////////////////////////////////////
// OVERLIB 3.50 FUNCTION
////////////////////////////////////////////////////////////////////////////////////
// This function decides what it is we want to display and how we want it done.
function overlib350() {
// Make layer content
var layerhtml;
if (o3_background != "" || o3_fullhtml) {
// Use background instead of box.
layerhtml = ol_content_background(o3_text, o3_background, o3_fullhtml);
} else {
// They want a popup box.
// Prepare popup background
if (o3_fgbackground != "" && o3_css == CSSOFF) {
o3_fgbackground = "BACKGROUND=/""+o3_fgbackground+"/"";
}
if (o3_bgbackground != "" && o3_css == CSSOFF) {
o3_bgbackground = "BACKGROUND=/""+o3_bgbackground+"/"";
}
// Prepare popup colors
if (o3_fgcolor != "" && o3_css == CSSOFF) {
o3_fgcolor = "BGCOLOR=/""+o3_fgcolor+"/"";
}
if (o3_bgcolor != "" && o3_css == CSSOFF) {
o3_bgcolor = "BGCOLOR=/""+o3_bgcolor+"/"";
}
// Prepare popup height
if (o3_height > 0 && o3_css == CSSOFF) {
o3_height = "HEIGHT=" + o3_height;
} else {
o3_height = "";
}
// Decide which kinda box.
if (o3_cap == "") {
// Plain
layerhtml = ol_content_simple(o3_text);
} else {
// With caption
if (o3_sticky) {
// Show close text
layerhtml = ol_content_caption(o3_text, o3_cap, o3_close);
} else {
// No close text
layerhtml = ol_content_caption(o3_text, o3_cap, "");
}
}
}
// We want it to stick!
if (o3_sticky) {
o3_showingsticky = 1;
o3_removecounter = 0;
}
// Write layer
layerWrite(layerhtml);
// Prepare status bar
if (o3_autostatus > 0) {
o3_status = o3_text;
if (o3_autostatus > 1) {
o3_status = o3_cap;
}
}
// When placing the layer the first time, even stickies may be moved.
o3_allowmove = 0;
// Initiate a timer for timeout
if (o3_timeout > 0) {
if (o3_timerid > 0) clearTimeout(o3_timerid);
o3_timerid = setTimeout("cClick()", o3_timeout);
}
// Show layer
disp(o3_status);
// Stickies should stay where they are.
if (o3_sticky) {
o3_allowmove = 0;
return false;
} else {
return true;
}
}
////////////////////////////////////////////////////////////////////////////////////
// LAYER GENERATION FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// Makes simple table without caption
function ol_content_simple(text) {
if (o3_css == CSSCLASS) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 class=/""+o3_bgclass+"/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 class=/""+o3_fgclass+"/"><TR><TD VALIGN=TOP><FONT class=/""+o3_textfontclass+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (o3_css == CSSSTYLE) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 style=/"background-color: "+o3_bgcolor+"; height: "+o3_height+o3_heightunit+";/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 style=/"color: "+o3_fgcolor+"; background-color: "+o3_fgcolor+"; height: "+o3_height+o3_heightunit+";/"><TR><TD VALIGN=TOP><FONT style=/"font-family: "+o3_textfont+"; color: "+o3_textcolor+"; font-size: "+o3_textsize+o3_textsizeunit+"; text-decoration: "+o3_textdecoration+"; font-weight: "+o3_textweight+"; font-style:"+o3_textstyle+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (o3_css == CSSOFF) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 "+o3_bgcolor+" "+o3_height+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 "+o3_fgcolor+" "+o3_fgbackground+" "+o3_height+"><TR><TD VALIGN=TOP><FONT FACE=/""+o3_textfont+"/" COLOR=/""+o3_textcolor+"/" SIZE=/""+o3_textsize+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
set_background("");
return txt;
}
// Makes table with caption and optional close link
function ol_content_caption(text, title, close) {
closing = "";
closeevent = "onMouseOver";
if (o3_closeclick == 1) closeevent = "onClick";
if (o3_capicon != "") o3_capicon = "<IMG SRC=/""+o3_capicon+"/"> ";
if (close != "") {
if (o3_css == CSSCLASS) closing = "<TD ALIGN=RIGHT><A HREF=/"//" "+closeevent+"=/"return cClick();/" class=/""+o3_closefontclass+"/">"+close+"</A></TD>";
if (o3_css == CSSSTYLE) closing = "<TD ALIGN=RIGHT><A HREF=/"//" "+closeevent+"=/"return cClick();/" style=/"color: "+o3_closecolor+"; font-family: "+o3_closefont+"; font-size: "+o3_closesize+o3_closesizeunit+"; text-decoration: "+o3_closedecoration+"; font-weight: "+o3_closeweight+"; font-style:"+o3_closestyle+";/">"+close+"</A></TD>";
if (o3_css == CSSOFF) closing = "<TD ALIGN=RIGHT><A HREF=/"//" "+closeevent+"=/"return cClick();/"><FONT COLOR=/""+o3_closecolor+"/" FACE=/""+o3_closefont+"/" SIZE=/""+o3_closesize+"/">"+close+"</FONT></A></TD>";
}
if (o3_css == CSSCLASS) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 class=/""+o3_bgclass+"/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><FONT class=/""+o3_captionfontclass+"/">"+o3_capicon+title+"</FONT></TD>"+closing+"</TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 class=/""+o3_fgclass+"/"><TR><TD VALIGN=TOP><FONT class=/""+o3_textfontclass+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (o3_css == CSSSTYLE) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 style=/"background-color: "+o3_bgcolor+"; background-image: url("+o3_bgbackground+"); height: "+o3_height+o3_heightunit+";/"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><FONT style=/"font-family: "+o3_captionfont+"; color: "+o3_capcolor+"; font-size: "+o3_captionsize+o3_captionsizeunit+"; font-weight: "+o3_captionweight+"; font-style: "+o3_captionstyle+";/">"+o3_capicon+title+"</FONT></TD>"+closing+"</TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 style=/"color: "+o3_fgcolor+"; background-color: "+o3_fgcolor+"; height: "+o3_height+o3_heightunit+";/"><TR><TD VALIGN=TOP><FONT style=/"font-family: "+o3_textfont+"; color: "+o3_textcolor+"; font-size: "+o3_textsize+o3_textsizeunit+"; text-decoration: "+o3_textdecoration+"; font-weight: "+o3_textweight+"; font-style:"+o3_textstyle+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
if (o3_css == CSSOFF) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING="+o3_border+" CELLSPACING=0 "+o3_bgcolor+" "+o3_bgbackground+" "+o3_height+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1><TR><td>"+o3_capicon+"</td><TD valign=/"middle/" align=/"center/"><B><FONT COLOR=/""+o3_capcolor+"/" FACE=/""+o3_captionfont+"/" SIZE=/""+o3_captionsize+"/">"+title+"</FONT></B></TD>"+closing+"</TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 "+o3_fgcolor+" "+o3_fgbackground+" "+o3_height+"><TR><TD VALIGN=TOP><FONT COLOR=/""+o3_textcolor+"/" FACE=/""+o3_textfont+"/" SIZE=/""+o3_textsize+"/">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>";
set_background("");
return txt;
}
// Sets the background picture, padding and lots more. :)
function ol_content_background(text, picture, hasfullhtml) {
if (hasfullhtml) {
txt = text;
} else {
if (o3_css == CSSCLASS) txt = "<TABLE WIDTH="+o3_width+o3_widthunit+" BORDER=0 CELLPADDING=0 CELLSPACING=0 HEIGHT="+o3_height+o3_heightunit+"><TR><TD COLSPAN=3 HEIGHT="+o3_padyt+o3_padunit+"></TD></TR><TR><TD WIDTH="+o3_padxl+o3_padunit+"></TD><TD VALIGN=TOP WIDTH="+(o3_width-o3_padxl-o3_padxr)+o3_padunit+"><FONT class=/""+o3_textfontclass+"/">"+text+"</FONT></TD><TD WIDTH="+o3_padxr+o3_padunit+"></TD></TR><TR><TD COLSPAN=3 HEIGHT="+o3_padyb+o3_padunit+"></TD></TR></TABLE>";
if (o3_css == CSSSTYLE) txt = "<TABLE WIDTH="+o3_width+o3_widthunit+" BORDER=0 CELLPADDING=0 CELLSPACING=0 HEIGHT="+o3_height+o3_heightunit+"><TR><TD COLSPAN=3 HEIGHT="+o3_padyt+o3_padunit+"></TD></TR><TR><TD WIDTH="+o3_padxl+o3_padunit+"></TD><TD VALIGN=TOP WIDTH="+(o3_width-o3_padxl-o3_padxr)+o3_padunit+"><FONT style=/"font-family: "+o3_textfont+"; color: "+o3_textcolor+"; font-size: "+o3_textsize+o3_textsizeunit+";/">"+text+"</FONT></TD><TD WIDTH="+o3_padxr+o3_padunit+"></TD></TR><TR><TD COLSPAN=3 HEIGHT="+o3_padyb+o3_padunit+"></TD></TR></TABLE>";
if (o3_css == CSSOFF) txt = "<TABLE WIDTH="+o3_width+" BORDER=0 CELLPADDING=0 CELLSPACING=0 HEIGHT="+o3_height+"><TR><TD COLSPAN=3 HEIGHT="+o3_padyt+"></TD></TR><TR><TD WIDTH="+o3_padxl+"></TD><TD VALIGN=TOP WIDTH="+(o3_width-o3_padxl-o3_padxr)+"><FONT FACE=/""+o3_textfont+"/" COLOR=/""+o3_textcolor+"/" SIZE=/""+o3_textsize+"/">"+text+"</FONT></TD><TD WIDTH="+o3_padxr+"></TD></TR><TR><TD COLSPAN=3 HEIGHT="+o3_padyb+"></TD></TR></TABLE>";
}
set_background(picture);
return txt;
}
// Loads a picture into the div.
function set_background(pic) {
if (pic == "") {
if (ie4) over.backgroundImage = "none";
if (ns6) over.style.backgroundImage = "none";
} else {
if (ns4) {
over.background.src = pic;
} else if (ie4) {
over.backgroundImage = "url("+pic+")";
} else if (ns6) {
over.style.backgroundImage = "url("+pic+")";
}
}
}
////////////////////////////////////////////////////////////////////////////////////
// HANDLING FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// Displays the popup
function disp(statustext) {
if ( (ns4) || (ie4) || (ns6) ) {
if (o3_allowmove == 0) {
placeLayer();
showObject(over);
o3_allowmove = 1;
}
}
if (statustext != "") {
self.status = statustext;
}
}
// Decides where we want the popup.
function placeLayer() {
var placeX, placeY;
// HORIZONTAL PLACEMENT
if (o3_fixx > -1) {
// Fixed position
placeX = o3_fixx;
} else {
winoffset = (ie4) ? o3_frame.document.body.scrollLeft : o3_frame.pageXOffset;
if (ie4) iwidth = o3_frame.document.body.clientWidth;
if (ns4) iwidth = o3_frame.innerWidth; // was screwed in mozilla, fixed now?
if (ns6) iwidth = o3_frame.outerWidth;
// If HAUTO, decide what to use.
if (o3_hauto == 1) {
if ( (o3_x - winoffset) > ((eval(iwidth)) / 2)) {
o3_hpos = LEFT;
} else {
o3_hpos = RIGHT;
}
}
// From mouse
if (o3_hpos == CENTER) { // Center
placeX = o3_x+o3_offsetx-(o3_width/2);
}
if (o3_hpos == RIGHT) { // Right
placeX = o3_x+o3_offsetx;
if ( (eval(placeX) + eval(o3_width)) > (winoffset + iwidth) ) {
placeX = iwidth + winoffset - o3_width;
if (placeX < 0) placeX = 0;
}
}
if (o3_hpos == LEFT) { // Left
placeX = o3_x-o3_offsetx-o3_width;
if (placeX < winoffset) placeX = winoffset;
}
// Snapping!
if (o3_snapx > 1) {
var snapping = placeX % o3_snapx;
if (o3_hpos == LEFT) {
placeX = placeX - (o3_snapx + snapping);
} else {
// CENTER and RIGHT
placeX = placeX + (o3_snapx - snapping);
}
if (placeX < winoffset) placeX = winoffset;
}
}
// VERTICAL PLACEMENT
if (o3_fixy > -1) {
// Fixed position
placeY = o3_fixy;
} else {
scrolloffset = (ie4) ? o3_frame.document.body.scrollTop : o3_frame.pageYOffset;
// If VAUTO, decide what to use.
if (o3_vauto == 1) {
if (ie4) iheight = o3_frame.document.body.clientHeight;
if (ns4) iheight = o3_frame.innerHeight;
if (ns6) iheight = o3_frame.outerHeight;
iheight = (eval(iheight)) / 2;
if ( (o3_y - scrolloffset) > iheight) {
o3_vpos = ABOVE;
} else {
o3_vpos = BELOW;
}
}
// From mouse
if (o3_vpos == ABOVE) {
if (o3_aboveheight == 0) {
var divref = (ie4) ? o3_frame.document.all['overDiv'] : over;
o3_aboveheight = (ns4) ? divref.clip.height : divref.offsetHeight;
}
placeY = o3_y - (o3_aboveheight + o3_offsety);
if (placeY < scrolloffset) placeY = scrolloffset;
} else {
// BELOW
placeY = o3_y + o3_offsety;
}
// Snapping!
if (o3_snapy > 1) {
var snapping = placeY % o3_snapy;
if (o3_aboveheight > 0 && o3_vpos == ABOVE) {
placeY = placeY - (o3_snapy + snapping);
} else {
placeY = placeY + (o3_snapy - snapping);
}
if (placeY < scrolloffset) placeY = scrolloffset;
}
}
// Actually move the object.
repositionTo(over, placeX, placeY);
}
// Moves the layer
function mouseMove(e) {
if ( (ns4) || (ns6) ) {o3_x=e.pageX; o3_y=e.pageY;}
if (ie4) {o3_x=event.x; o3_y=event.y;}
if (ie5) {o3_x=event.x+o3_frame.document.body.scrollLeft; o3_y=event.y+o3_frame.document.body.scrollTop;}
if (o3_allowmove == 1) {
placeLayer();
}
}
// The Close onMouseOver function for stickies
function cClick() {
hideObject(over);
o3_showingsticky = 0;
return false;
}
// Makes sure target frame has overLIB
function compatibleframe(frameid) {
if (ns4) {
if (typeof frameid.document.overDiv =='undefined') return false;
} else if (ie4) {
if (typeof frameid.document.all["overDiv"] =='undefined') return false;
} else if (ns6) {
if (frameid.document.getElementById('overDiv') == null) return false;
}
return true;
}
////////////////////////////////////////////////////////////////////////////////////
// LAYER FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// Writes to a layer
function layerWrite(txt) {
txt += "/n";
if (ns4) {
var lyr = o3_frame.document.overDiv.document
lyr.write(txt)
lyr.close()
} else if (ie4) {
o3_frame.document.all["overDiv"].innerHTML = txt
} else if (ns6) {
range = o3_frame.document.createRange();
range.setStartBefore(over);
domfrag = range.createContextualFragment(txt);
while (over.hasChildNodes()) {
over.removeChild(over.lastChild);
}
over.appendChild(domfrag);
}
}
// Make an object visible
function showObject(obj) {
if (ns4) obj.visibility = "show";
else if (ie4) obj.visibility = "visible";
else if (ns6) obj.style.visibility = "visible";
}
// Hides an object
function hideObject(obj) {
if (ns4) obj.visibility = "hide";
else if (ie4) obj.visibility = "hidden";
else if (ns6) obj.style.visibility = "hidden";
if (o3_timerid > 0) clearTimeout(o3_timerid);
if (o3_delayid > 0) clearTimeout(o3_delayid);
o3_timerid = 0;
o3_delayid = 0;
self.status = "";
}
// Move a layer
function repositionTo(obj,xL,yL) {
if ( (ns4) || (ie4) ) {
obj.left = xL;
obj.top = yL;
} else if (ns6) {
obj.style.left = xL + "px";
obj.style.top = yL+ "px";
}
}
////////////////////////////////////////////////////////////////////////////////////
// PARSER FUNCTIONS
////////////////////////////////////////////////////////////////////////////////////
// Defines which frame we should point to.
function opt_FRAME(frm) {
o3_frame = compatibleframe(frm) ? frm : ol_frame;
if ( (ns4) || (ie4 || (ns6)) ) {
if (ns4) over = o3_frame.document.overDiv;
if (ie4) over = o3_frame.overDiv.style;
if (ns6) over = o3_frame.document.getElementById("overDiv");
}
return 0;
}
// Calls an external function
function opt_FUNCTION(callme) {
o3_text = callme()
return 0;
}
//end (For internal purposes.)
////////////////////////////////////////////////////////////////////////////////////
// OVERLIB 2 COMPATABILITY FUNCTIONS
// If you aren't upgrading you can remove the below section.
////////////////////////////////////////////////////////////////////////////////////
// Converts old 0=left, 1=right and 2=center into constants.
function vpos_convert(d) {
if (d == 0) {
d = LEFT;
} else {
if (d == 1) {
d = RIGHT;
} else {
d = CENTER;
}
}
return d;
}
// Simple popup
function dts(d,text) {
o3_hpos = vpos_convert(d);
overlib(text, o3_hpos, CAPTION, "");
}
// Caption popup
function dtc(d,text, title) {
o3_hpos = vpos_convert(d);
overlib(text, CAPTION, title, o3_hpos);
}
// Sticky
function stc(d,text, title) {
o3_hpos = vpos_convert(d);
overlib(text, CAPTION, title, o3_hpos, STICKY);
}
// Simple popup right
function drs(text) {
dts(1,text);
}
// Caption popup right
function drc(text, title) {
dtc(1,text,title);
}
// Sticky caption right
function src(text,title) {
stc(1,text,title);
}
// Simple popup left
function dls(text) {
dts(0,text);
}
// Caption popup left
function dlc(text, title) {
dtc(0,text,title);
}
// Sticky caption left
function slc(text,title) {
stc(0,text,title);
}
// Simple popup center
function dcs(text) {
dts(2,text);
}
// Caption popup center
function dcc(text, title) {
dtc(2,text,title);
}
// Sticky caption center
function scc(text,title) {
stc(2,text,title);
}
------------------------------------------
调用代码如下
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="pid" HeaderText="Id" />
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<asp:CheckBox ID="cbselect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<a href="#" onmouseover="return overlib('<img src=<%=System.Configuration.ConfigurationManager.AppSettings["DoMain"] %><%#Eval("Com_Id") %>/Produpic/<%#Eval("PbPhoto") %> Width=200 /></a>', CAPTION, '<%#Eval("pname") %>',FGCOLOR, '#fcfcfc', BGCOLOR, '#0080C0', CAPCOLOR, '#ffffff', BORDER, 2, CLOSETEXT, 'Close');" onmouseout="nd();"><img src="pic/icon-viewpic.gif" border="0"></a></a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="商品名称">
<ItemTemplate>
<a href='DetailProduceInfo.aspx?pid=<%#Eval("pid") %>'><%#Eval("pname") %></a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="单价">
<ItemTemplate>
<!-- <%# Convert.ToDecimal(Eval("pmoney")) * Convert.ToDecimal(Convert.ToInt32(Session["Level_Price"])/100) %>-->
<%#Eval("pmoney") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="数量">
<ItemTemplate>
<asp:TextBox ID="txtquantity" runat="server" Width="80px">0</asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtquantity"
ErrorMessage="请你输入数字！" ValidationExpression="^[0-9]{1,}$"></asp:RegularExpressionValidator>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
在这下面加个层
<div id="overDiv" style="Z-INDEX: 1000; VISIBILITY: hidden; POSITION: absolute"></div>
可别加在GridView中哦
最后千万别忘了在Head中加这么一句
<script language="javascript" src="js/overlib.js"></script>
我就是忘了加这么一句，害我的调试了半天，哈哈！！
写完了，希望对你有帮助！！！！！！！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 鼠标经过datalist 中的图片显示提示信息列表
- jquery插件鼠标移上去当前列表显示图片的特效
- (asp.net)鼠标放上去的时候文本框的提示消失，鼠标离开又重新显示
- CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
- 响应式布局-图片列表如何在窄屏（<320px）中显示为列，在宽屏（>768px）中显示为有间隙的一行
- 鼠标在文本上移动时层的显示与消失（以及层里显示图片）ASP.NET
- QT QCharts QScatterSeries 空心点阵图，鼠标移动到上面显示数值，鼠标移开数值消失
- 鼠标放到超链接上有图片悬浮显示出来离开则消失
- 在发布超链接的时候怎样让鼠标放上去就会显示出字来
- 随机验证图片的产生，asp.net 2.0 c# ---在网页的特定或莫个位置显示图片
- 鼠标滑过列表文字显示图片及详细信息信息信息 visual studio 08
- 选中表格中相应行的复选框，点击下面的“删除”按钮可以删除相应的行，选中下面的"全选"复选框，则所有行的复选框全部选中，取消则全部取消。 鼠标移动到封面上在旁边显示大图，鼠标移开，大图消失
- 鼠标放到超链接上有图片悬浮显示出来离开则消失
- 如何在html页面上随着鼠标的位置显示浮动层图片或别的东东？（附代码）
- 鼠标悬浮图片显示原图，移出鼠标后原图消失（多图）
- jquery.elevateZoom实现仿淘宝看图片，一张小的，一张大用于鼠标经过时候显示
- [置顶] 关于图片与文字在一行显示时，文本的垂直方向位置的设置
- 小问题总结：鼠标点击到输入框（input）里的时候，输入框的提示消失，鼠标再移开，输入框提示出现
- [javascript]鼠标滑过列表文字显示图片及详细信息
- 代码： 仿淘宝商品详情页左上，图片鼠标浮上去，图片部分区域放大 （页面布局：图片列表）