几款漂亮的鼠标经过弹出提示层

稿源：互联网 2022-06-28 19:22:46 点击： 1765 撤稿纠错

这几款提示层很漂亮，有向左向右的，还有居中的，可自定义。

以下讨论的是和相关的几款漂亮的鼠标经过弹出提示层教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<DIV ID="overDiv" STYLE="position:absolute; visibility:hide;"></DIV>
<SCRIPT TYPE="" LANGUAGE="JavaScript">

</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
if (typeof fcolor == 'undefined') { var fcolor = "#CCCCFF";}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
// Border color and color of caption
// Usually a dark color (black, brown etc)
	if (typeof backcolor == 'undefined') { var backcolor = "#333399";}
// Text color
// Usually a dark color
	if (typeof textcolor == 'undefined') { var textcolor = "#000000";}
// Color of the caption text
// Usually a bright color
	if (typeof capcolor == 'undefined') { var capcolor = "#FFFFFF";}
// Color of "Close" when using Sticky
// Usually a semi-bright color
	if (typeof closecolor == 'undefined') { var closecolor = "#9999FF";}
// Width of the popups in pixels
// 100-300 pixels is typical
	if (typeof width == 'undefined') { var width = "200";}
// How thick the border should be in pixels
// 1-3 pixels is typical
	if (typeof border == 'undefined') { var 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 offsetx == 'undefined') { var offsetx = 10;}
// How many pixels to the below the cursor to show the popup
// Values between 3 and 12 are best
	if (typeof offsety == 'undefined') { var offsety = 10;}
////////////////////////////////////////////////////////////////////////////////////
// END CONFIGURATION
////////////////////////////////////////////////////////////////////////////////////
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
// Microsoft Stupidity Check.
if (ie4) {
	if (navigator.userAgent.indexOf('MSIE 5')>0) {
ie5 = true;
	} else {
ie5 = false; }
} else {
	ie5 = false;
}
var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
var tr = 1;
if ( (ns4) || (ie4) ) {
	if (ns4) over = document.overDiv
	if (ie4) over = overDiv.style
	document.onmousemove = mouseMove
	if (ns4) document.captureEvents(Event.MOUSEMOVE)
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
// Public functions to be used on pages.
// 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);
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
// 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);
}
// Clears popups if appropriate
function nd() {
	if ( cnt >= 1 ) { sw = 0 };
	if ( (ns4) || (ie4) ) {
if ( sw == 0 ) {
	snow = 0;
	hideObject(over);
} else {
	cnt++;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
	}
}
// Non public functions. These are called by other functions etc.
// Simple popup
function dts(d,text) {
	txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=""+backcolor+""><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=""+fcolor+""><TR><TD><FONT FACE="Arial,Helvetica" COLOR=""+textcolor+"" SIZE="-2">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"
	layerWrite(txt);
	dir = d;
	disp();
}
// Caption popup
function dtc(d,text, title) {
	txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=""+backcolor+""><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID="PTT"><B><FONT COLOR=""+capcolor+"">"+title+"</FONT></B></SPAN></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=""+fcolor+""><TR><TD><SPAN ID="PST"><FONT COLOR=""+textcolor+"">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"
	layerWrite(txt);
	dir = d;
	disp();
}
// Sticky
function stc(d,text, title) {
	sw = 1;
	cnt = 0;
	txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=""+backcolor+""><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID="PTT"><B><FONT COLOR=""+capcolor+"">"+title+"</FONT></B></SPAN></TD><TD ALIGN=RIGHT><A HREF="/" onMouseOver="cClick();" ID="PCL"><FONT COLOR=""+closecolor+"">Close</FONT></A></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=""+fcolor+""><TR><TD><SPAN ID="PST"><FONT COLOR=""+textcolor+"">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"
	layerWrite(txt);
	dir = d;
	disp();
	snow = 0;
}
// Common calls
function disp() {
	if ( (ns4) || (ie4) ) {
if (snow == 0) 	{
	if (dir == 2) { // Center
moveTo(over,x+offsetx-(width/2),y+offsety);
	}
	if (dir == 1) { // Right
moveTo(over,x+offsetx,y+offsety);
	}
	if (dir == 0) { // Left
moveTo(over,x-offsetx-width,y+offsety);
	}
	showObject(over);
	snow = 1;
}
	}
// Here you can make the text goto the statusbar.
}
// Moves the layer
function mouseMove(e) {
	if (ns4) {x=e.pageX; y=e.pageY;}
	if (ie4) {x=event.x; y=event.y;}
	if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}
	if (snow) {
if (dir == 2) { // Center
	moveTo(over,x+offsetx-(width/2),y+offsety);
}
if (dir == 1) { // Right
	moveTo(over,x+offsetx,y+offsety);
}
if (dir == 0) { // Left
	moveTo(over,x-offsetx-width,y+offsety);
}
	}
}
// The Close onMouseOver function for Sticky
function cClick() {
	hideObject(over);
	sw=0;
}
// Writes to a layer
function layerWrite(txt) {
        if (ns4) {
                var lyr = document.overDiv.document
                lyr.write(txt)
                lyr.close()
        }
        else if (ie4) document.all["overDiv"].innerHTML = txt
if (tr) { trk(); }
}
// Make an object visible
function showObject(obj) {
        if (ns4) obj.visibility = "show"
        else if (ie4) obj.visibility = "visible"
}
// Hides an object
function hideObject(obj) {
        if (ns4) obj.visibility = "hide"
        else if (ie4) obj.visibility = "hidden"
}
// Move a layer
function moveTo(obj,xL,yL) {
        obj.left = xL
        obj.top = yL
}
function trk() {
	if ( (ns4) || (ie4) ) {
	nt=new Image(32,32); nt.src="http://www.nedstat.nl/cgi-bin/nedstat.gif?name=ol2t";
	bt=new Image(1,1); bt.src="http://www.bosrup.com/web/overlib/o2/tr.gif";
	refnd=new Image(1,1); refnd.src="http://www.nedstat.nl/cgi-bin/referstat.gif?name=ol2t&refer="+escape(top.document.referrer);
	}
	tr = 0;
}
</SCRIPT>
<div align="center">
<A HREF="http://www.zzjs.net" onMouseOver="dls('在左边的简单说明.'); return true;" onMouseOut="nd(); return true;">说明在左</A><BR>
<A HREF="http://zzjs.net" onClick="src('在右边的简单说明-www.1stscript.com','详细资料'); return false;" onMouseOver="drs('在左边的简单说明---你可以点击一下'); return true;" onMouseOut="nd(); return true;">说明在右</A><BR>
<A HREF="<#ZC_BLOG_HOST#>?cat=2" onMouseOver="dlc('在左边的双层说明!','详细资料'); return true;" onMouseOut="nd(); return true;">双层说明在左</A><BR>
<A HREF="<#ZC_BLOG_HOST#>?cat=5" onMouseOver="drc('在左边的双层说明.','详细资料'); return true;" onMouseOut="nd(); return true;">双层说明在右</A><BR>
<A HREF="<#ZC_BLOG_HOST#>?cat=10" onMouseOver="dcc('双层说明居中.','详细资料'); return true;" onMouseOut="nd(); return true;">双层说明居中</A>
</div>

关于几款漂亮的鼠标经过弹出提示层的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016330462676.shtml方便下次再访问哦。

·上一篇： 返回页面顶部js脚本
·下一篇： 鼠标经过弹出提示信息效果

几款漂亮的鼠标经过弹出提示层

文章分类LIST >>返回首页

最新游戏

最新新闻