當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

漂亮的链接悬停提示效果

發布時間：2023/12/18 编程问答 24 豆豆

生活随笔收集整理的這篇文章主要介紹了漂亮的链接悬停提示效果小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的漂亮的链接悬停提示效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。