সিএসএস হোভার বনাম জাভাস্ক্রিপ্ট মাউসওভার [বন্ধ]

Question 1

বন্ধ । এই প্রশ্নটি মতামত ভিত্তিক । এটি বর্তমানে উত্তর গ্রহণ করছে না।

এই প্রশ্নটি উন্নত করতে চান? প্রশ্নটি আপডেট করুন যাতে পোস্টটি সম্পাদনা করে সত্য এবং উদ্ধৃতি দিয়ে উত্তর দেওয়া যায় ।

2 বছর আগে বন্ধ ।

এই প্রশ্নটি উন্নত করুন

এমন একটি সময় আছে যখন আমি সিএসএস উপাদান ব্যবহার করার মধ্যে পছন্দ করি: কোনও পৃষ্ঠায় এইচটিএমএল উপাদানগুলির উপস্থিতি নিয়ন্ত্রণ করতে হোভার বা জাভাস্ক্রিপ্ট অনমুআউওভার। নিম্নলিখিত দৃশ্যের বিষয়টি বিবেচনা করুন যেখানে কোনও ডিভ একটি ইনপুট জড়ান

<div>
<input id="input">
</div>

আমি চাই যখন ইনপুটটি মাউস কার্সার ডিভের উপর দিয়ে যায় তখন পটভূমির রঙ পরিবর্তন করতে পারে। সিএসএস পন্থাটি হ'ল

<style>
  input {background-color:White;}
  div:hover input {background-color:Blue;}
</style>

<div><input></div>

জাভাস্ক্রিপ্ট পদ্ধতির হয়

<div onmouseover="document.getElementById('input').style.backgroundColor='Blue';">
  <input id="input">
</div>

প্রতিটি পদ্ধতির সুবিধা এবং অসুবিধাগুলি কী কী? সিএসএস পদ্ধতির বেশিরভাগ ওয়েব ব্রাউজারগুলির সাথে কী ভাল কাজ করা যায়? জাভাস্ক্রিপ্ট CSS এর চেয়ে ধীর?

Question 2

হোভার সহ সমস্যাটি হ'ল আই 6 এটি লিঙ্কগুলিতে কেবল সমর্থন করে। আমি আজকাল এই জাতীয় জিনিসের জন্য jQuery ব্যবহার করি:

$("div input").hover(function() {
  $(this).addClass("blue");
}, function() {
  $(this).removeClass("blue");
});

জিনিসগুলি অনেক সহজ করে তোলে। এটি আই 6, এফএফ, ক্রোম এবং সাফারিতে কাজ করবে।

Question 3

সিএসএস একটি অনেক বেশি রক্ষণাবেক্ষণযোগ্য এবং পঠনযোগ্য।

Question 4

কেন না উভয়? অ্যানিমেটেড এফেক্টস এবং সিএসএসের ফালব্যাক হিসাবে jQuery ব্যবহার করুন। এটি আপনাকে ক্রেফুল অবক্ষয়ের সাথে jQuery এর সুবিধা দেয় ।

সিএসএস:

a {color: blue;}
a:hover {color: red;}

jQuery ( রঙ সঞ্চার করতে jQueryUI ব্যবহার করে ):

$('a').hover( 
  function() {
    $(this)
      .css('color','blue')
      .animate({'color': 'red'}, 400);
  },
  function() {
    $(this)
      .animate({'color': 'blue'}, 400);
  }
);

ডেমো

Question 5

জাভাস্ক্রিপ্টে এটি করার একটি অতিরিক্ত সুবিধা হ'ল আপনি বিভিন্ন সময়ে পয়েন্টে হোভার ইফেক্ট যুক্ত / মুছে ফেলতে পারেন - উদাহরণস্বরূপ টেবিল সারিগুলির ওভার ওভার রঙ পরিবর্তন করে, ক্লিক করুন হোভার ইফেক্টটি অক্ষম করে এবং স্থান মোডে সম্পাদনা শুরু করে।

Question 6

একটি খুব বড় পার্থক্য হ'ল ": হোভার" রাষ্ট্রটি যখন মাউসের উপাদান থেকে সরে যায় তখন স্বয়ংক্রিয়ভাবে নিষ্ক্রিয় হয়। ফলস্বরূপ হোভারে প্রয়োগ করা কোনও শৈলী স্বয়ংক্রিয়ভাবে বিপরীত হয়। অন্যদিকে, জাভাস্ক্রিপ্ট পদ্ধতির সাথে, আপনাকে "অনমাউসওভার" এবং "অনমাউসআউট" ইভেন্ট উভয়ই সংজ্ঞায়িত করতে হবে। যদি আপনি কেবল "অনমাউসওভার" সংজ্ঞায়িত করেন তবে "অনমাউসওভার" প্রয়োগ করা স্টাইলগুলি আপনার মাউস আউট করার পরেও অবিরত থাকবে যদি না আপনি স্পষ্টভাবে "অনমাউসআউট" সংজ্ঞায়িত করেন।

Question 7

সম্পাদনা: এই উত্তরটি আর সত্য হয় না। সিএসএস ভাল সমর্থিত এবং জাভাস্ক্রিপ্ট পড়ুন (পড়ুন: জেএসক্রিপ্ট) যে কোনও ওয়েব অভিজ্ঞতার জন্য এখন বেশ প্রয়োজন, এবং কয়েকটি লোক জাভাস্ক্রিপ্ট অক্ষম করে।

আসল উত্তর, আমার মতামত হিসাবে ২০০৯।

আমার মাথার উপরে:

সিএসএসের সাহায্যে আপনার ব্রাউজার সমর্থন নিয়ে সমস্যা থাকতে পারে।

জেএসক্রিপ্টের সাহায্যে লোকেরা জেএসক্রিপ্ট অক্ষম করতে পারে (আমি যা করি তা হ'ল)।

আমি বিশ্বাস করি যে পছন্দের পদ্ধতিটি এইচটিএমএল, সিএসএস সহ লেআউট এবং জেএসক্রিপ্টে গতিশীল কিছু করা উচিত content সুতরাং এই উদাহরণে, আপনি সম্ভবত সিএসএস পদ্ধতির গ্রহণ করতে চাইবেন।

Question 8

দুজনের মধ্যে মাথায় রাখার জন্য আরও একটি পার্থক্য রয়েছে। সিএসএস সহ,:hover সাহায্যে মাউস যখন কোনও উপাদানকে সরিয়ে নিয়ে যায় তখন সর্বদা রাষ্ট্র নিষ্ক্রিয় হয়। যাইহোক, জাভাস্ক্রিপ্টের সাহায্যে, onmouseoutমাউস যখন বাকী পৃষ্ঠাটির পরিবর্তে ব্রাউজার ক্রোমের দিকে উপাদানটি সরিয়ে ফেলবে তখন ঘটনাটি বরখাস্ত করা হয় না।

এটি আপনার ভাবনার চেয়ে প্রায়শই ঘটে থাকে, বিশেষত যখন আপনি নিজের পৃষ্ঠার শীর্ষে কাস্টম হোভারের রাজ্যগুলি দিয়ে একটি নভবার তৈরি করছেন।

Question 9

ইন্টারনেট এক্সপ্লোরারগুলিতে, << উপাদানটির তুলনায় অন্যান্য উপাদানগুলিতে কাজ করার জন্য হোভার সিলেক্টরের জন্য অবশ্যই একটি <! DOCTYPE> ঘোষণা করতে হবে।

Question 10

সিএসএস ব্যবহার করুন, এটি স্টাইল নিজেই আরও সহজ পরিচালনার জন্য তৈরি করে।

Question 11

হোভার করার জন্য jQuery ব্যবহার করার ক্ষেত্রে , আমি সর্বদা প্লাগইন হোভারআইন্ট ব্যবহার করি কারণ এটি সংক্ষিপ্ত সময়ের জন্য কোনও উপাদানকে থামিয়ে না দেওয়া পর্যন্ত ঘটনাটি আগুন দেয় না ... আপনি যদি দুর্ঘটনাক্রমে চালনা করেন তবে ঘটনাগুলি ধরে প্রচুর পরিমাণে মাউস ছোঁড়া বন্ধ করে দেয় this তাদের উপর মাউস বা কেবল একটি বিকল্প চয়ন করার সময়।

Question 12

জাভাস্ক্রিপ্ট অক্ষম করে আইই 6 এর জন্য যদি আপনার 100% সমর্থন প্রয়োজন না হয় আপনি IE শর্তযুক্ত মন্তব্য সহ আই 7 -জেএস জাতীয় কিছু ব্যবহার করতে পারেন । তারপরে আপনি হোভার ইফেক্টগুলি প্রয়োগ করতে কেবল CSS বিধিগুলি ব্যবহার করুন। এটি ঠিক কীভাবে কাজ করে তা আমি জানি না তবে এটি সিএসএস বিধি প্রচুর করতে জাভাস্ক্রিপ্ট ব্যবহার করে যা সাধারণত আই 7 এবং 8 এ আসে না।