JS 用JS实现跟随光标的提示

本身作了个JS文件,将JS导入到文件中,在要显示提示的标签上加入hint=“提示内容”,运行时就可显示提示javascript

 

//页面元素提示框  
var tishi = null;
document.onmousemove=function(){ 
	//判断页面元素中是否已经建立过div,没有则建立,有则不建立
	if(!tishi){
		//建立div标签元素
		tishi = document.createElement("div");
		//给div标签元素添加样式
		tishi.style.position="absolute";
		tishi.style.fontSize="9pt";
		tishi.style.border="1px solid black";
		tishi.style.background="lightyellow";
		//将div元素添加到body中
		document.body.appendChild(tishi);
		tishi.style.display="none"
	}
	//判断元素中有没有“h2int”属性,有则显示提示div
	if(event.srcElement.hint) { 
		tishi.style.display="block"; 
		tishi.innerHTML=event.srcElement.hint; 
		tishi.style.left=window.event.clientX+10; 
		tishi.style.top=window.event.clientY+10+document.documentElement.scrollTop;
		setTimeout("tishi.style.display='none'",8000); 
	}else{ 
		tishi.style.display="none" 
	} 
}
相关文章
相关标签/搜索