بک لینک

آموزش ساختن تولتیپ با css
#1
با نام و یاد خدا
سلام دوستان. امروز میخوام آموزش ساختن تولتیپ رو بگم (البته من حوصله توضیح ندارم فقط کد رو میزارم هر کس سوال داشت حتما بپرسه! Smile)
کد:
<!DOCTYPE html>
<html lang="fa-IR">
    <head>
        <meta charset="utf-8">
        <title>Location</title>
        <style type="text/css">
            html,body{cursor: cell;height: 100%;margin: 0;}
            #location{padding: 5px;font: 12.5px'tahoma';background-color: rgb(51,51,51);border: solid 1px black;color: white;text-align: left;position: absolute;top: 0;left: 0;border-radius: 10px;border-top-left-radius: 0;}
        </style>
        <script type="text/javascript">
            function toolTip(event,box){
                var x=event.clientX;
                var y=event.clientY;
                document.getElementById("location").style.top=y+"px";
                document.getElementById("location").style.left=x+"px";
                document.getElementById("location").innerHTML="X: "+x+"<br/>Y: "+y;
            };
        </script>
    </head>
    <body onmousemove="toolTip(event);">
        <div id="location">X: 0<br/>Y: 0</div>
    </body>
</html>
پاسخ
#2
ممنون از امیر عزیز ..
اینم یه کتابخانه css برای ساخت تولتیپ به سادگی هر چه تمام;
https://github.com/arashmanteghi/simptip/
کانالم 
تلگرامم
@Su_Hard
پاسخ
 سپاس شده توسط amirARSHAN79


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان