代码描述:javascript 链接title效果。javascript模拟实现链接的title效果实例代码
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>js实现自定义title功能-51前端</title> <style type="text/css"> body ul{list-style: none;} body li { margin:60px; width:150px; height:30px; } body li a{position:absolute;} div { border:1px solid #CCC; padding:10px; background:#dff5ff; } </style> <script type="text/javascript"> var newdiv=document.createElement("div"); function initEvent() { var links=document.getElementsByTagName("a"); for(var i=0;i<links.length;i++) { var link=links[i]; link.onmousemove=linkOnMouseOver; link.onmouseout=linkOnMouseOut; } } function linkOnMouseOver(ev) { var ev=ev||window.event; newdiv.style.position="absolute"; newdiv.style.top=(20+ev.clientY)+"px"; newdiv.style.left=(20+ev.clientX)+"px"; newdiv.innerHTML=this.innerHTML; document.body.appendChild(newdiv); } function linkOnMouseOut() { document.body.removeChild(newdiv); } window.onload=function(){initEvent()} </script> </head> <body> <ul> <li><a href="#">51前端一</a></li> <li><a href="#">51前端二</a></li> <li><a href="#">51前端三</a></li> </ul> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能