HTML-এ মোবাইল ব্রাউজারদের জন্য টুলটিপস পাওয়া

যখন আপনি title অ্যাট্রিবিউটসহ একটি এলিমেন্টে ক্লিক করবেন, একটি চাইল্ড এলিমেন্ট title টেক্সটসহ যুক্ত হবে। একটি উদাহরণ দেখি −

HTML জন্য −

<p>    The <span class="demo" title="this is underscore">underlined</span> character. </p>

jQuery −

$("span[title]").click(function () {    var $title = $(this).find(".title");    if (!$title.length) {       $(this).append('' + $(this).attr("title") + '');    } else {       $title.remove();    } });

নিচে CSS দেওয়া হল −

.demo {    border-bottom: 2px dotted;    position: relative; } .demo .title {    position: absolute;    top: 15px;    background: gray;    padding: 5px;    left: 0;    white-space: nowrap; }