কার্সারটি আঙুলের পয়েন্টারে পরিবর্তন করুন

Question

আমার কাছে এটি আছে aএবং আমি জানি না যে আমাকে "onmouseover" এ প্রবেশ করানো দরকার যাতে কার্সারটি নিয়মিত লিঙ্কের মতো আঙুলের পয়েন্টারে পরিবর্তিত হয়:

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>

আমি কোথাও পড়েছি যা আমার রাখা দরকার:

onmouseover="cursor: hand (a pointing hand)"

তবে এটি আমার পক্ষে কাজ করছে না।

প্লাস আমি নিশ্চিত নই যে এটিকে জাভাস্ক্রিপ্ট, সিএসএস বা কেবল সরল এইচটিএমএল হিসাবে বিবেচনা করা হয়।

Comments

এটি সিএসএস এবং অনমাউসওভার ইভেন্টটি একটি জাভাস্ক্রিপ্ট ইভেন্ট।

— স্কট

আপনি onmouseover = "" এ সরাসরি সিএসএস রাখেন না। এছাড়াও, কার্সার: আপনার লিঙ্কের উপরে ঘোরাফেরা করার সময় ডিফল্ট ক্রিয়া হওয়া উচিত। যদি এটি না ঘটে থাকে তবে হাতে অন্য কোনও সমস্যা থাকতে পারে।

— ট্যাঙ্ক

hrefs ছাড়াই লিঙ্কগুলির জন্য পয়েন্টারে কার্সার শৈলী কীভাবে সেট করা যায় তার

— ই-

সম্ভাব্য সদৃশটির সদৃশ যখন কোনও ব্যবহারকারী কোনও তালিকা আইটেমের উপরে চলে যায় তখন আমি কীভাবে কার্সারটিকে একটি হাত করতে পারি?

— সিস টিমারম্যান

"হাত ..... একটি পয়েন্টিং হ্যান্ড!" হাহা দুঃখিত, আমি প্রতিরোধ করতে পারিনি।

— ক্রিস্টিন

Answer 1

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a>

এটি সিএসএস

বা স্টাইল শীটে:

a.menu_links { cursor: pointer; }

Comments

এটি পরীক্ষার পরে, মনে হচ্ছে এটি অনউমসওভার = "" এবং শৈলী = কার্সার: পয়েন্টার; "উভয়ই থাকা দরকার। ভাল পোস্ট স্কট, আপনাকে ধন্যবাদ।

— নুবতাকুলার

@DnfD আপনি শুধুমাত্র প্রয়োজন onmouseoverআছে যদি কোন href সংজ্ঞা। , তাহলে একটি আদর্শ নোঙ্গর মত, হয় একটি hrefসংজ্ঞা, onmouseoverপ্রয়োজন হয় না।

— স্কট

@ ডিএনএফডি গৃহীত উত্তরটি এক ধরণের ভয়ঙ্কর, সত্যই। এটি কাজ করে, তবে পরিষ্কার নয়। অপসারণ mouseover=""এবং এটি কাজ করবে style="cursor: pointer;"ছেড়ে class="menu_links"! hrefসেখানে থাকুক বা না থাকুক নির্বিশেষে ।

— জেরেট লয়েড

@Scott না, আপনি না প্রয়োজনmouseover সেখানে ইভেন্ট। ডিএনএফডি

— জেরেট লয়েড

@ জ্যারেটলয়েড অনেকটা ব্রাউজার সমর্থন এবং সিএসএস নির্মাণের উপর নির্ভর করে। এটি একটি 2012 উত্তর। জিনিসগুলি 6+ বছরে পরিবর্তিত হয়েছে।

— স্কট

Answer 2

আপনি সিএসএসে এটি করতে পারেন:

a.menu_links {
    cursor: pointer;
}

লিঙ্কগুলির জন্য এটি আসলে ডিফল্ট আচরণ। আপনার অবশ্যই এটি কোনওভাবে আপনার সিএসএসের অন্য জায়গায় ওভাররাইড করা উচিত, বা সেখানে কোনও hrefবৈশিষ্ট্য নেই (এটি আপনার উদাহরণ থেকে অনুপস্থিত)।

Comments

আমার কাছে হেরেফ কোজ নেই আমি পৃষ্ঠাটি ছাড়তে চাই না। এটি একটি লিঙ্ক যা একটি জেএস ফাংশন ট্রিগার করে এবং যদি আমি href = "#" সন্নিবেশ করি তবে এটি ভুল হয় এবং এটি ভুল পৃষ্ঠাটি পুনরায় লোড করে

— দ্বির লেভি

@ ডিভিরলিভি - সুতরাং হয় মিথ্যা ফিরুন এবং ব্যবহার করুন href="#", বা আমি আপনাকে যেভাবে দেখিয়েছি ঠিক তেমন CSS ব্যবহার করুন ...

— জোসেফ সিলবার

Answer 3

পৃষ্ঠায় আমার কেবল একটি লিঙ্ক থাকলে আমি এটি ব্যবহার করতে পছন্দ করি:

onMouseOver="this.style.cursor='pointer'"

Answer 4

সিএসএস লিখতে

a.menu_links:hover{ cursor:pointer}

Answer 5

আপনি যদি এটির সাথে অতিরিক্ত মাইল যেতে চান তবে এখানে শীতল কিছু। ইউআরএল এ আপনি একটি লিঙ্ক ব্যবহার করতে পারেন বা একটি চিত্র png সংরক্ষণ করতে পারেন এবং পথটি ব্যবহার করতে পারেন। উদাহরণ স্বরূপ:

URL ( 'সম্পদ / imgs / theGoods.png');

নীচে কোডটি দেওয়া হল:

.cursor{
  cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto;
}

সুতরাং এটি কেবল 128 এক্স 128 আকারের অধীনে কাজ করবে, যে কোনও বৃহত এবং চিত্রটি লোড হবে না। তবে আপনি ব্যবহারিকভাবে যে কোনও চিত্র ব্যবহার করতে পারেন! এটি খাঁটি CSS3 এবং কিছু এইচটিএমএল বিবেচনা করা হবে। আপনি এইচটিএমএল এ যা করতে পেরেছেন তা হ'ল

<div class='cursor'></div>

এবং কেবলমাত্র সেই দ্বিপক্ষে, সেই কার্সারটি প্রদর্শিত হবে। তাই আমি সাধারণত এটি বডি ট্যাগে যুক্ত করি।

Answer 6

আমি মনে করি প্রোগ্রামের ভিত্তিতে সঠিক হলেও উপরের "সেরা উত্তর" আসলে উত্থাপিত প্রশ্নের উত্তর দেয় না। প্রশ্নটি জিজ্ঞাসা করে কিভাবে মাউসওভার ইভেন্টের পয়েন্টারটি পরিবর্তন করা যায়। আমি কোথাও কোথাও কারওর ত্রুটি থাকতে পারে তার পোস্টগুলি প্রশ্নের উত্তর দিচ্ছে না। গৃহীত উত্তরে মাউসওভার ইভেন্টটি ফাঁকা (onmouseover="" ) এবং পরিবর্তে শৈলী বিকল্প অন্তর্ভুক্ত করা হয়েছে। বাফ্লিং কেন এটি করা হয়েছিল।

অনুসন্ধানকারীদের লিঙ্কে কোনও ভুল হতে পারে না। নিম্নলিখিত এইচটিএমএল বিবেচনা করুন:

<a id=test_link onclick="alert('kinda neat);">Click ME!</a>

যখন কোনও ব্যবহারকারী মাউস এই লিঙ্কটি সরিয়ে ফেলবে, পয়েন্টারটি কোনও হাতে পরিবর্তিত হবে না ... পরিবর্তে, পয়েন্টারটি এমন আচরণ করবে যে এটি সাধারণ পাঠ্যের উপর দিয়ে ঘুরে বেড়াচ্ছে। কেউ এটি না চাইতে পারে ... এবং তাই, মাউস পয়েন্টারটি পরিবর্তন করতে বলা দরকার।

উত্তরটির সন্ধান করা হ'ল এটি (যা অন্য একজন পোস্ট করেছিলেন):

<a id=test_link onclick="alert('Nice!');"
       onmouseover="this.style.cursor='pointer';">Click ME!</a>

যাইহোক, এটি হ'ল এটি একটি দুঃস্বপ্ন these এর জন্য সিএসএস ক্লাস করা আরও ভাল:

a.lendhand {
  cursor: pointer;
}

তারপর:

<a class=lendhand onclick="alert('hand is lent!');">Click ME!</a>

আরও অনেক উপায় রয়েছে যা যুক্তিযুক্তভাবে এই পদ্ধতির চেয়ে ভাল। ডিআইভি , বাটন , আইএমজি ইত্যাদি আরও কার্যকর প্রমাণিত হতে পারে। <a>...</a>যদিও আমি ব্যবহারে কোনও ক্ষতি দেখছি না ।

jarett।

Answer 7

hrefএটিকে একটি বৈধ লিঙ্ক তৈরি করতে একটি বৈশিষ্ট্য যুক্ত করুন & return false;ইভেন্ট হ্যান্ডলারে এটি কোনও নেভিগেশনের কারণ হতে রোধ করতে;

<a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a>

(অথবা displayData()প্রত্যাবর্তন মিথ্যা করুন এবং ..="return displayData(..)

Answer 8

উত্তম হিসাবে চিহ্নিত হিসাবে উত্তরে উল্লিখিত খাঁটি সিএসএসের মাধ্যমে সমাধান এই পরিস্থিতিতে উপযুক্ত নয়।

এই বিষয়টির উদাহরণটিতে সাধারণ স্ট্যাটিক href বৈশিষ্ট্য নেই, এটি কেবল জেএসকে কল করছে, সুতরাং এটি জেএস ছাড়া কিছুই করবে না।

সুতরাং কেবল জেএসের সাথে পয়েন্টারটিতে স্যুইচ করা ভাল। সুতরাং, সমাধান

onMouseOver="this.style.cursor='pointer'"

উপরে উল্লিখিত হিসাবে (তবে আমি সেখানে মন্তব্য করতে পারি না) এই ক্ষেত্রে সেরা। (তবে হ্যাঁ, সাধারণভাবে, সাধারণ লিঙ্কগুলির জন্য জেএসের দাবি নেই, জেএস ছাড়াই খাঁটি সিএসএস নিয়ে কাজ করা ভাল))

Answer 9

div{cursor: pointer; color:blue}

p{cursor: text; color:red;}

<div> im Pointer  cursor </div> 
<p> im Txst cursor </p>