জাভাস্ক্রিপ্ট ব্যতীত হোভার পাঠ্য যুক্ত করুন যেমন আমরা কোনও ব্যবহারকারীর সুনামের উপরে থাকি

Question

স্ট্যাকওভারফ্লোতে, আমরা যখন কোনও ব্যবহারকারীর সুনামের উপর ঘুরে দেখি তখন আমরা একটি পাঠ্য দেখতে পাই। আমি এটি অনেক জায়গায় দেখেছি এবং উত্স কোডটি আমাকে বলে যে এটি জেএস ছাড়াই করা যায়। এবং আমি চেষ্টা করেছি এবং পেয়েছি কেবল এটি-

 <div="text">hover me</div>

Answer 1

titleবৈশিষ্ট্যটি ব্যবহার করুন , উদাহরণস্বরূপ:

<div title="them's hoverin' words">hover me</div>

বা:

<span title="them's hoverin' words">hover me</span>

Comments

আমরা যখন কোনও ব্যবহারকারীর খ্যাতি নিয়ে ঘোরাফেরা করি তখন কি একই রকম হয়

— অ্যাশ

হ্যাঁ, আপনি খ্যাতির জন্য উত্স কোডটি যদি দেখেন তবে আপনি দেখতে পাবেন যে শিরোনামের বৈশিষ্ট্যটি সেট করা আছে reputation score।

— gcochard

@ কেভিন এই সমাধানটি আসলে জাভাস্ক্রিপ্ট সমাধানের চেয়ে ভাল কারণ এটি জাভাস্ক্রিপ্ট অক্ষম ব্রাউজারগুলিতে কাজ করবে এবং এটি উপাদানটির বিষয়বস্তু সম্পর্কে স্ক্রিন পাঠকদের এক ইঙ্গিত যুক্ত করে।

— gcochard

@ কেভিনমারেডিথ আমি বলব যে জেএস সমাধানটি কেবলমাত্র যে মাপের মাধ্যমে আরও ভাল হবে তা হ'ল আপনি যে পাঠ্যটি প্রদর্শিত হবে তা কেবল স্টাইল করতে পারবেন না এবং কেবল দেশীয় প্রয়োগের সাথেই রেখে গেছেন।

— শূন্য 298

@ ডেভিড ডি সি ই ফ্রেইটাস: এই উত্তরে আপনার সম্পাদনা দিয়ে স্ট্যাকওভারফ্লো আলোকিত করার জন্য আপনাকে ধন্যবাদ ... আসলে আপনাকে কীভাবে ট্যাগ করতে হবে তা জানেন না তবে ভাল

— মেরিডেথ

Answer 2

শিরোনামের বৈশিষ্ট্যটি অন্যান্য এইচটিএমএল উপাদানগুলির সাথেও ভাল কাজ করে, উদাহরণস্বরূপ একটি লিঙ্ক ...

<a title="hover text" ng-href="{{getUrl()}}"> download link
</a>

Answer 3

প্রায়শই আমি এই পরিস্থিতিতে সংক্ষিপ্ত html ট্যাগের জন্য পৌঁছে যাই।

<abbr title="Hover">Text</abbr>

https://www.w3schools.com/tags/tag_abbr.asp

Comments

এই উপাদানটি বিশেষত সংক্ষিপ্তসারগুলি নির্দেশ করতে ব্যবহৃত হয়েছিল, সুতরাং এটি ভাল ধারণা নয়। আপনি পাঠ্য থেকে স্পিচ সিস্টেমগুলিকে এটিকে সংক্ষেপ হিসাবে ঘোষণা করতে বলছেন। <span>আপনি কেবল একটি হোভার পাঠ্য চাইলে ব্যবহার করুন ।

— লার্স মারিয়াস গারশোল

Answer 4

আপনি টুলটিপ খুঁজছেন

বেসিক টুলটিপের জন্য, আপনি চান:

<div title="This is my tooltip">

একটি ফ্যানসিয়ার জাভাস্ক্রিপ্ট সংস্করণের জন্য, আপনি এটি দেখতে পারেন:

http://www.designer-daily.com/jquery-prototype-mootool-tooltips-12632

উপরের লিঙ্কটি আপনাকে টুলটিপসের জন্য 12 টি বিকল্প দেয়।