অ্যাঙ্কারের মতো স্টাইলে মাউসের উপর মাউস কার্সারটি পরিবর্তন করুন


109

আমি যদি মাউসটিকে কোনও মাউস ধরে divরাখি তবে এইচটিএমএল অ্যাঙ্কারের মতো কার্সারে পরিবর্তিত হবে।

কিভাবে আমি এটি করতে পারব? আমার কি জাভাস্ক্রিপ্ট দরকার বা এটি কেবলমাত্র সিএসএসের মাধ্যমেই সম্ভব?

উত্তর:


221

আপনার divএকটি রয়েছে তা ধরে নিলে আপনার সিএসএসে id="myDiv"নিম্নলিখিতগুলি যুক্ত করুন। cursor: pointerনির্দিষ্ট করে কার্সার যে নোঙ্গর (হাইপার-লিঙ্ক) এর জন্য ব্যবহার হয় একই হাত আইকন হওয়া উচিত:

সিএসএস যোগ করতে

#myDiv
{
    cursor: pointer;
}

আপনি নিজের divHTML এর মধ্যে সহজভাবে কার্সার শৈলীটি যুক্ত করতে পারেন:

<div style="cursor: pointer">

</div>

সম্পাদনা করুন:

আপনি যদি এর জন্য jQuery ব্যবহার করতে দৃ determined়প্রতিজ্ঞ হন, তবে আপনার $(document).ready()বা দেহে নিম্নলিখিত লাইনটি যুক্ত করুন onload: ( myClassআপনার সমস্ত divভাগ যে শ্রেণীর সাথে ভাগ করুন) প্রতিস্থাপন করুন )

$('.myClass').css('cursor', 'pointer');

আমি jquery এর সাথে সিএসএস না করে এটি করতে চাই
sh21

7
@ গুরু: স্ক্রিপ্টিংয়ের দরকার নেই। আপনাকে যা করতে হবে তা হ'ল style="cursor: pointer"আপনার divএইচটিএমএল যুক্ত করতে । আমি একটি উত্তর দিয়ে আমার উত্তর সম্পাদনা করব।
ডেভিন বার্ক

একই শ্রেণীর সাথে পাঁচটি বিভাগ রয়েছে, আমি এই সমস্ত "শৈলী =" কার্সার: পয়েন্টার "
শাইলে

@ গুরু, ডিভের সকলের যদি একই শ্রেণি থাকে তবে আপনি আপনার পৃষ্ঠার সিএসএস ফাইলে সেই শ্রেণীর জন্য সিএসএস নিয়মে "কার্সার: পয়েন্টার" যুক্ত করতে পারেন
আক্রমণ করুন

1
সমস্যাটি যদি টার্গেটের মধ্যে একটি হয়, তবে জাস্টিন যেমন ইতিমধ্যে জিজ্ঞাসা করেছেন এবং প্রত্যেককে সর্বদা জিজ্ঞাসা করতে হবে,
কোডটি

24

আপনি যদি CSS এর পরিবর্তে jQuery এ এটি করতে চান তবে আপনি মূলত একই প্রক্রিয়াটি অনুসরণ করেন follow

ধরে নিলাম আপনার কিছু রয়েছে <div id="target"></div>, আপনি নিম্নলিখিত কোডটি ব্যবহার করতে পারেন:

$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});

এবং এটি করা উচিত।


3
এই প্রযোজন নেই কারণ একটি জন্য কার্সার divহয় শুধুমাত্র দৃশ্যমান মাউস এটা শেষ হয়ে গেছে। ব্যবহারকারী একবার ঘুরে বেড়ানোর কোনও কারণ নেই কারণ কার্সার সেই সময়ে আর দেখা যাবে না।
ডেভিন বার্ক

2
যদিও প্রশ্নটি খুব সংকীর্ণভাবে জিজ্ঞাসা করা হয়েছিল (ডিআইভি সম্পর্কে) এই উত্তরটি ব্যাপকভাবে প্রযোজ্য। এটি যে কোনও এইচটিএমএল উপাদান যেমন টেবিল, <p> এর, বোতাম ইত্যাদির জন্য দরকারী That's এজন্য আমি এটিকে +1 করেছি d
পিটএইচ

10

আপনার আসলে jQuery দরকার নেই, কেবল সিএসএস। উদাহরণস্বরূপ, এখানে কিছু এইচটিএমএল রয়েছে:

<div class="special"></div>

এবং এখানে সিএসএস:

.special
{
    cursor: pointer;
}


0

আমি মনে করি :hoverউপরের উত্তরগুলি অনুপস্থিত ছিল। সুতরাং নিম্নলিখিতগুলি প্রয়োজনীয়গুলি করবে ((সিএসএসের প্রয়োজন হলে)

#myDiv:hover
{
    cursor: pointer;
}

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

হ্যাঁ, এই উত্তরটিকে উপেক্ষা করুন
উপস্থিত_আপনি
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.