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

যখন আপনি একটি শিরোনাম বৈশিষ্ট্য সহ একটি উপাদানে ক্লিক করবেন, তখন শিরোনাম পাঠ্য সহ একটি চাইল্ড উপাদান যুক্ত করা হবে৷ আসুন একটি উদাহরণ দেখি -

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('<span class="title">' + $(this).attr("title") + '</span>');
   } 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;
}