স্পয়লারটি সাইটের জন্য একটি সুবিধাজনক সরঞ্জাম। এটি বিভিন্ন ফোরাম এবং ব্লগে ব্যাপকভাবে ব্যবহৃত হয়, যা ব্যবহারকারীকে একটি বোতাম টিপানোর সময় একটি নির্দিষ্ট উপাদানকে আড়াল করতে দেয়। তদ্ব্যতীত, স্পোলারটি সাইটে ভাল দেখাচ্ছে এবং অযথা পৃষ্ঠাটি ওভারলোড করে এমন অংশগুলি লুকিয়ে রাখতে সহায়তা করে।
এটা জরুরি
জ্যাকুরি লাইব্রেরি
নির্দেশনা
ধাপ 1
জাভা স্ক্রিপ্ট প্রোগ্রামিং ভাষায় লিখিত জনপ্রিয় jquery প্লাগ-ইন লাইব্রেরি ব্যবহার করে স্পয়লারটি প্রয়োগ করা যেতে পারে। এটি পৃষ্ঠার এইচটিএমএল মার্কআপ কোডের সাথে প্রোগ্রামিং ভাষার সম্পূর্ণ ইন্টারঅ্যাকশন প্রয়োগ করতে ব্যবহৃত হয় The ট্যাগটি ব্যবহার করে এইচটিএমএল ব্যবহার করে jquery সংযোগটি করা হয়। আপনাকে অবশ্যই সেই অবস্থানটি নির্দিষ্ট করতে হবে যেখানে স্ক্রিপ্টটি রয়েছে এবং তার প্রকারটি সেট করতে হবে: $ (নথি)। প্রস্তুতি (ফাংশন ()
ধাপ ২
একটি নির্দিষ্ট অনুচ্ছেদে নির্দিষ্ট করা পাঠ্য খণ্ডটি অবশ্যই একটি পৃথক স্তরে আবদ্ধ থাকতে হবে - একটি ডিভ, যার সাহায্যে স্পয়লারটি নিজেই নিয়ন্ত্রিত হবে: সাশা রাজপথ ধরে হাঁটল এবং শুকনো চুষতে লাগল।
ধাপ 3
এরপরে, আপনাকে লুণ্ঠিত সম্পর্কিত বোতামগুলির নামের সমস্ত ডিভের সামনে তৈরি করতে হবে যা পাঠ্যটি ধসে এবং প্রসারিত হবে। প্রথমত, স্পোলারটি নিজেই স্ট্যান্ডার্ড "হাইড ()" ফাংশনটি ব্যবহার করে আড়াল করা হয়: $ ("ডিভ [নাম = 'লুণ্ঠন']")। লুকান (); পরবর্তী, আপনাকে সমস্ত স্পেলারদের জন্য একটি পাঠ্য এবং একটি চিত্র তৈরি করতে হবে, যা বোতামগুলির ব্যাকগ্রাউন্ড হিসাবে ব্যবহৃত হবে: $ ("পি [নাম = 'স্পাজিলবটন']") t এইচটিএমএল ("পাঠ্য দেখান");
পদক্ষেপ 4
পৃষ্ঠায় সমস্ত বোতাম সন্ধান করুন এবং বোতামের সামনে প্রথম স্তরের শিরোনামগুলি দেখুন। এটি করার জন্য, একটি শর্ত তৈরি করুন যা নামের দ্বারা এইচ 1 ট্যাগ অনুসন্ধান করবে। নির্দিষ্ট শিরোনামের পাঠ্যটি ডিভের মধ্যেই আবৃত থাকে: $ ("পি [নাম = 'স্পাজিলবটন']") Each প্রতিটি (ফাংশন () {যদি ($ (এটি).প্রিভ (এটি)। বিট (0).tagName == "এইচ 1") {ভার নিউস্পিলবটন = " + $ (এটি).প্রিভ (এটি).এইচটিএমএল () + "পাঠ্য দেখান"; $ (এই).প্রিভ (এটি).পরিবর্তনসহ ("); $ (এটি).replaceWith (নিউস্পাইলবটন);}})
পদক্ষেপ 5
এরপরে, আপনাকে ক্লিক সহ মাউস বোতামের ক্লিকটি পরিচালনা করতে হবে। যদি একটি ক্লিক সনাক্ত হয়, তবে এটি প্রদর্শিত হতে পারে: $ ("ডিভ [নাম = 'স্পাজিলবটন']") Click ক্লিক করুন (ফাংশন () {যদি ($ (এটি) ne অনুচ্ছেদ (এটি).css ("প্রদর্শন") = = "ব্লক") {
পদক্ষেপ 6
তারপরে উত্তরাধিকার লিখুন। একটি ডিভের মধ্যে, পাঠটি অনুচ্ছেদে পিতে রয়েছে, এর লিখিত সামগ্রীটি একটি স্প্যান ট্যাগে রাখা হয়েছে: $ (এটি) শিশুরা ("পি")। শিশুরা ("স্প্যান") H এইচটিএমএল ("পাঠ্য দেখান"); সঙ্কুচিত ওপেন স্পয়লার যদি এটি না খোলা থাকে তবে পাঠ্যটি প্রসারিত করুন। এই পদক্ষেপটি উত্তরাধিকার সূত্রের উপর ভিত্তি করে: $ (এটি).নেক্সট (এটি) l "পাঠ্য লুকান"); $ (এটি).পর্ব (এটি)। স্লাইডডাউন ("সাধারণ"); false মিথ্যা প্রত্যাবর্তন; })
পদক্ষেপ 7
তারপরে বোতামের মাউসের খুব ক্লিক রেকর্ড করা হয়, যার মাধ্যমে স্ক্রিপ্টটি লুকানো এবং স্পোলারটি প্রকাশিত করবে। $ ("পি [নাম = 'স্পাজিলবাটন']") Click ক্লিক করুন (ফাংশন () {যদি ($ (এটি)। পূর্ববর্তী (এটি).সিএসএস ("প্রদর্শন") = "ব্লক") {$ (এটি) (এটি).স্লাইডআপ ("স্বাভাবিক"); $ (এটি)। এইচটিএমএল ("লুকান"); false মিথ্যা প্রত্যাবর্তন;}); স্পোলার প্রস্তুত। ম্যাচিং ডিআইভি ব্লকটি পাওয়া গেলে এটি উপস্থিত হবে।
