发送文章__当百网

文章·资料	电脑软件	手机软件	网站源码
电脑·手机·网络学习话题娱乐故事文化·历史国学典籍法律法规	操作系统网络办公·文件音频视频图形图像硬件·驱动程序行业教学学习编程游戏	安卓苹果鸿蒙其他	ASP ASP.NET JSP PHP HTML·CSS·JavaScript

本站搜索

发送文章

JavaScript：获取网页标签的 alt 或 title 属性的值并自定义显示 V2.0

〖评论()〗〖留言〗〖收藏〗

收信地址

填写收信人的电子邮箱

邮件主题

填写邮件主题

邮件内容

");

function GuAltTitleShow(event) {
	event=event||window.event;
	var GuTarget=event.srcElement?event.srcElement:event.target;

	if ((GuTarget.alt!="")&&(GuTarget.alt!=null)) {
		GuTarget.AltTitleNote=GuTarget.alt;
		GuTarget.alt="";
		}
	if ((GuTarget.title!="")&&(GuTarget.title!=null)) {
		GuTarget.AltTitleNote=GuTarget.title;
		GuTarget.title="";
		}
	if ((GuTarget.AltTitleNote!="")&&(GuTarget.AltTitleNote!=null)) {
		GuElementGet("GuAltTitleLayer").style.display="";
		GuElementGet("GuAltTitleLayer").innerHTML=GuTarget.AltTitleNote;
		GuAltTitleWidth=GuElementGet("GuAltTitleLayer").clientWidth;
		GuAltTitleHeight=GuElementGet("GuAltTitleLayer").clientHeight;

		if (GuAltTitleWidth>=600) {
			GuAltTitleWidth=600;
			}

		if ((event.clientY+20+GuAltTitleHeight)>(document.body.clientHeight)) {
			GuAltTitleTop=-GuAltTitleHeight-40;
			}
		else {
			GuAltTitleTop=0;
			}

		if ((event.clientX+10+GuAltTitleWidth)>(document.body.clientWidth)) {
			GuAltTitleLeft=-GuAltTitleWidth-20;
			}
		else {
			GuAltTitleLeft=0;
			}

		if ((event.clientX)||(event.clientY)) {
			if ((document.body.scrollTop)||(document.body.scrollLeft)) {
				GuAltTitleTop=(event.clientY)+20+(document.body.scrollTop)+GuAltTitleTop;
				GuAltTitleLeft=(event.clientX)+10+(document.body.scrollLeft)+GuAltTitleLeft;
				}
			else {
				GuAltTitleTop=(event.clientY)+20+(document.documentElement.scrollTop)+GuAltTitleTop;
				GuAltTitleLeft=(event.clientX)+10+(document.documentElement.scrollLeft)+GuAltTitleLeft;
				}
			}
		else {
			GuAltTitleTop=(event.pageY)+20+GuAltTitleTop;
			GuAltTitleLeft=(event.pageX)+10+GuAltTitleLeft;
			}

		if (GuAltTitleTop



程序说明：
1、将鼠标指标移至文字或图片上，即可出现提示信息。鼠标离开后提示框自动消失。
2、在 Google Chrome 4.0，Opera 11.0，Mozilla Firefox 3.6，Windows Internet Explorer 8.0 测试通过。
3、支持获取所有的网页标签的 alt 或 title 的属性。
4、支持在 alt 或 title 的值中使用或进行换行，如果内容较多，也会自动换行。
5、提示框靠近顶部、左边界或右边界时，程序自动调整，不会没入顶部、左边界或右边界。
6、若要提示框能跟随鼠标移动，修改 AltTitle.js 中的第 92 行 document.onmouseover=GuAltTitleShow; 为 document.onmousemove=GuAltTitleShow;
7、若要修改提示框的边框、背景颜色、字体，修改 AltTitle.js 中的第 22 行的代码。
8、复制 AltTitle.js 到你的网站目录中，并在需要调用的网页代码中加入  即可。

〖演示页面〗〖下载页面〗
<br /><br />文章网址：<a href="https://dangbai.cn/Article.asp?ID=10002983" target="_blank">https://dangbai.cn/Article.asp?ID=10002983</a>

填写邮件内容

发信地址

填写发信人的电子邮箱

邮件签名

填写邮件签名

验证码

填写验证码，单击刷新验证码

发送协议

·欢迎使用本站在线文章发送系统。
·不得使用本站在线发送邮件系统发送垃圾邮件、广告邮件。
·如果收信人地址或其服务器出现错误，可能无法成功发送。
·如果有什么问题，或者意见建议，请联系［网站管理员］。

当百网

本站使用【啊估文章软件站】网站系统〖网站管理员留言簿〗