ساخت یک ToolTip زیبا در ASP.net

 

تولتیپ

خوب شروع میکنیم. قبل از همه چیز این کتابخونه جی کوئری رو دانلود کن. و بعد این اسکریپت رو دانلود کنید.

بعد روی اسم پروژتون راست کلیک کنید و گزینه Add>> Exiting Item رو بزنید.

بعد به مسیری که فایل های کتابخانه جی کوئری و اسکریپت رو در اونجا ریختین برین و هر دو فایل رو انتخاب کنبد و Add رو بزنید.

بعد در کد HTML خود بین تگ head این کد رو اضافه کنید:

<script src="jquery.js" type="text/javascript"></script>

<script src="tooltip-text.js" type="text/javascript"></script>

با این کار کتابخانه جی کوئری و اسکریپت رو به HTML معرفی کردین.

حالا کد زیر رو هم به head اضافه کنید:

   <style type="text/css">
     #tooltip{
        position:absolute;
        border:1px solid #eee;
        background:#f4f8e0;
        padding:4px 8px;
        color:#000;
        display:none;
        font:11px Tahoma;
    }
   
    </style>

توجه داشته باشید که اگه بخواین طرح تولتیپ رو عوض کنید، باید این CSS رو تغییر بدین.

حالا هر جایی که خواستین تولتیپ داشته باشین(توی تگ body) این کد رو بنویسین:

<a class="tooltip" title="آموزش برنامه نویسی" href="http://programmer.persianblog.ir/">Programmer</a>

تموم! متن ها رو میتونین عوض کنین!! تشویق

با تشکر از سایت aliha.ir

/ 1 نظر / 10 بازدید
پریا

ممنونم ساده و راحت درستش کردم [لبخند] موفق یاشید [گل]