教程集 > jQuery > jquery 教程 > 正文 js 连接标题提示信息

js 连接标题提示信息

发布时间：2023-12-20 编辑：jiaochengji.com

教程集为您提供js 连接标题提示信息等资源，欢迎您收藏本站，我们将为您提供最新的js 连接标题提示信息资源

本款提示信息也叫js tips吧，当鼠标经过a连接时提示a中的title文本信息，它兼容ie,ff,ie7,ie6等主流浏览器，效果很不错，有需要的朋友可以试一下。

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>js 标题连接提示信息</title>  <script>  // ******************************默认设置定义******************************  var iXuEr_TipsPop = null;  var iXuEr_TipsoffsetX = 10; // 提示框位于鼠标左侧或者右侧的距离；3-12 合适  var iXuEr_TipsoffsetY = 15; // 提示框位于鼠标下方的距离；3-12 合适  var iXuEr_TipsPopbg = "#FFFFFF"; // 提示框背景色  var iXuEr_TipsPopfg = "infotext"; // 提示框前景色  var iXuEr_TipsAlpha = 90; // 提示框透明度，100为不透明  var iXuEr_Tipsshadowcolor = "threedlightshadow"; // 提示框阴影颜色  var iXuEr_Tipsshadowdirection = 135; // 提示框阴影方向  var iXuEr_TipsTitlebg = "activecaption"; // 提示框标题文字背景  var iXuEr_TipsTitlefg = "captiontext"; // 提示框标题文字颜色  var iXuEr_TipsBorderColor = "activecaption"; // 提示框标题边框颜色  var iXuEr_TipsBorder	= 0; // 提示框标题边框宽度  var iXuEr_TipsBaseWidth = 200; // 提示框最小宽度 注意这个值最好不要小于提示框的象素宽度  var iXuEr_TipsTitle = ""; // 提示框标题文字  var iXuEr_TipsSmallTitle = "系统提示";	// 提示框副标题文字   var iXuEr_TipsTitleCt = " " // 标题文字和副标题文字之间的连接符    var FormObj;  var UsedForm="none";  // ==================================================================================    document.write('<div id=iXuEr_TipsLayer style="display: none;position: absolute; z-index:10001"></div>');    function iXuEr_Tips(){  	var o=event.srcElement;  	if(o.alt==null && o.title==null){return false;}  	if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};  	if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};  	iXuEr_TipsPop=o.dypop;  	if(iXuEr_TipsPop!=null && iXuEr_TipsPop!="" && typeof(iXuEr_TipsPop)!="undefined"){  		iXuEr_TipsLayer.style.left=-1000;  		iXuEr_TipsLayer.style.display='';  		var Msg = iXuEr_TipsPop.replace(/n/g,"<br>"); // 换行符  		Msg = Msg.replace(/r/g,"<br>"); // 回车符  		if(iXuEr_TipsSmallTitle==""){iXuEr_TipsTitleCt="";}  		var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");  		var content = '<table style="FILTER:alpha(opacity=' iXuEr_TipsAlpha ') shadow(color=' iXuEr_Tipsshadowcolor ',direction=' iXuEr_Tipsshadowdirection ');" id=toolTipTalbe border=0><tr><td width="100%"><table border=0 cellspacing="' iXuEr_TipsBorder '" cellpadding="2" style="width:100%;background-color:' iXuEr_TipsBorderColor ';">'   		'<tr id=iXuEr_TipsPoptop><th style="width:100%; color:' iXuEr_TipsTitlefg '; background-color:' iXuEr_TipsTitlebg ';" class=s><b><p id=topleft align=left> ' iXuEr_TipsTitle iXuEr_TipsTitleCt iXuEr_TipsSmallTitle '</p><p id=topright align=right style="display:none" class=s>' iXuEr_TipsSmallTitle iXuEr_TipsTitleCt iXuEr_TipsTitle ' </font></b></th></tr>'   		'<tr><td ' attr ' style="width:100%; background-color:' iXuEr_TipsPopbg '; color:' iXuEr_TipsPopfg '; padding-left:10px; padding-right:10px; padding-top: 4px; padding-bottom:4px; line-height:135%;font-family: Verdana, Arial, Helvetica, sans-serif, "宋体";" class=s>' Msg '</td></tr>'   		'<tr id=iXuEr_TipsPopbot style="display:none" class=s><th style="width:100%;color:' iXuEr_TipsTitlefg ';background-color:' iXuEr_TipsTitlebg ';" class=s><b><p id=botleft align=left> ' iXuEr_TipsTitle iXuEr_TipsTitleCt iXuEr_TipsSmallTitle '</p><p id=botright align=right style="display:none">' iXuEr_TipsSmallTitle iXuEr_TipsTitleCt iXuEr_TipsTitle ' </font></b></th></tr>'   		'</table></td></tr></table>';  		iXuEr_TipsLayer.innerHTML = content;  		var toolTipwidth = Math.min(iXuEr_TipsLayer.clientWidth, document.body.clientWidth/2.2);  		if(toolTipwidth<iXuEr_TipsBaseWidth){toolTipwidth=iXuEr_TipsBaseWidth;}  		toolTipTalbe.style.width=toolTipwidth;  		MoveToMouseLoc();  		return true;  	}else{  		iXuEr_TipsLayer.innerHTML='';  		iXuEr_TipsLayer.style.display='none';  		return true;  	}  }    function MoveToMouseLoc(){  	if(iXuEr_TipsLayer.innerHTML==''){return true;}  	var MouseX=event.x;  	var MouseY=event.y;  	var popTopAdjust=0;  	//window.status="x:" event.offsetX;  	//window.status =" y:" event.offsetY;  	var popHeight=iXuEr_TipsLayer.clientHeight;  	var popWidth=iXuEr_TipsLayer.clientWidth;  	if(MouseY iXuEr_TipsoffsetY popHeight>document.body.clientHeight){  		popTopAdjust=-popHeight-iXuEr_TipsoffsetY*1.5;  		iXuEr_TipsPoptop.style.display="none";  		iXuEr_TipsPopbot.style.display="none";  	}else{  		popTopAdjust=0;  		iXuEr_TipsPoptop.style.display="none";  		iXuEr_TipsPopbot.style.display="none";  	}  	if(MouseX iXuEr_TipsoffsetX popWidth>document.body.clientWidth){  		popLeftAdjust=-popWidth-iXuEr_TipsoffsetX*2;  		topleft.style.display="none";  		botleft.style.display="none";  		topright.style.display="none";  		botright.style.display="none";  	}else{  		popLeftAdjust=0;  		topleft.style.display="none";  		botleft.style.display="none";  		topright.style.display="none";  		botright.style.display="none";  	}  	iXuEr_TipsLayer.style.left=MouseX iXuEr_TipsoffsetX document.body.scrollLeft popLeftAdjust;  	iXuEr_TipsLayer.style.top=MouseY iXuEr_TipsoffsetY document.body.scrollTop popTopAdjust;  	return true;  }    document.onmousemove = iXuEr_Tips;  </script>  </head>    <body><br />  <br />    <br />  <br />  <br />  <br />  <br />  <br />    fdsafdsafa    tips  透明背景tps  js标题tips  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
十条面向搜索引擎的网站优化的方式
 Windows 8.1电脑无线网卡连接无线网络设置步骤
 js弹出层之1：JQuery.Boxy (二)
IIS的使用者认证,提示"No Input file specified"?
拨号上网时出错：“错误769无法连接到指定目标”问题
 经验：十条面向搜索引擎的网站优化的方式
 js实现网页标题栏的闪烁效果(示例)
php如何实现websocket
WebSocket的使用详解
 如何在微信端html5页面调用分享接口

上一篇：状态栏文字慢慢滑动显示下一篇：javascript 鼠标点击图片放大或缩小

[关闭]

js 连接标题提示信息

最近更新

浏览排行