漂亮的链接悬停提示效果
生活随笔
收集整理的這篇文章主要介紹了
漂亮的链接悬停提示效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<html><head><title>漂亮的鏈接懸停提示效果丨影院座椅|天津kiddy</title><style type="text/css">body{ font-size:9pt; color:#333333; line-height:140%;}#dhtmltooltip{position: absolute;width: 150px;border: 2px solid black;padding: 2px;background-color: lightyellow;visibility: hidden;z-index: 100;/*Remove below line to remove shadow. Below line should always appear last within this CSS*/filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}</style></head><body><div id="dhtmltooltip"></div><p align="center"><script type="text/javascript">/************************************************ Cool DHTML tooltip script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code***********************************************/var offsetxpoint=-60 //Customize x offset of tooltipvar offsetypoint=20 //Customize y offset of tooltipvar ie=document.allvar ns6=document.getElementById && !document.allvar enabletip=falseif (ie||ns6)var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""function ietruebody(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function ddrivetip(thetext, thecolor, thewidth){if (ns6||ie){if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolortipobj.innerHTML=thetextenabletip=truereturn false}}function positiontip(e){if (enabletip){var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;//Find out how close the mouse is to the corner of the windowvar rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000//if the horizontal distance isn't enough to accomodate the width of the context menuif (rightedge<tipobj.offsetWidth)//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"else if (curX<leftedge)tipobj.style.left="5px"else//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"//same concept with the vertical positionif (bottomedge<tipobj.offsetHeight)tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"elsetipobj.style.top=curY+offsetypoint+"px"tipobj.style.visibility="visible"}}function hideddrivetip(){if (ns6||ie){enabletip=falsetipobj.style.visibility="hidden"tipobj.style.left="-1000px"tipobj.style.backgroundColor=''tipobj.style.width=''}}document.onmousemove=positiontip</script></p><div align="center"><table border="1" width="500" height="35" cellspacing="5" cellpadding="2" bgcolor="#F7F7F7" style="border-collapse: collapse" bordercolor="#C0C0C0"><tr><td><p align="center"><a onMouseover="ddrivetip('網頁特效是用程序代碼在網頁中實現特殊效果或者特殊功能的一種技術，它為網頁活躍了氣氛，增加了網站的親和力','#e3f1b1', 200)" ; onMouseout="hideddrivetip()" target="_blank" href="http://www.langqiaohome.com/">#</a><a onMouseover="ddrivetip('友情鏈接交換平臺，免費發布友情鏈接交換交易信息。', '#cccccc', 105)" ; onMouseout="hideddrivetip()" target="_blank" href="http://www.shuaikangyiye.com/">#</a><a onMouseover="ddrivetip('珊珊影視在線，最新的電影站在線觀看，最全的電影站。', '#e0eff5', 250)" ; onMouseout="hideddrivetip()" target="_blank" href="http://www.tssljc.com">#</a></td></tr></table></div></body></html>
?
轉載于:https://www.cnblogs.com/zhaozzm/p/4434146.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的漂亮的链接悬停提示效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 10.20随笔
- 下一篇： 判断访问端是否是移动设备