অনেকগুলি আধুনিক সাইটের মূল নিয়ন্ত্রণ রয়েছে। এর মধ্যে একটি উপাদান হ'ল পপ-আপ উইন্ডোজ যা আপনি বিভিন্ন দরকারী তথ্য, বিজ্ঞাপন, নিয়ন্ত্রণ, পোল এবং আরও অনেক কিছু রাখতে পারেন। এই জাতীয় পপআপ তৈরি করা বেশ সহজ - jQuery লাইব্রেরি ব্যবহার করুন।
নির্দেশনা
ধাপ 1
আপনার পৃষ্ঠা কোডে ট্যাগগুলি প্রবেশ করান যা jQuery লাইব্রেরি যুক্ত করে। এই ট্যাগগুলি বেশ মানক দেখাচ্ছে:
স্ক্রিপ্ট src = "jQuery.js" / স্ক্রিপ্ট
স্ক্রিপ্ট src = "ইন্টারফেস.js" / স্ক্রিপ্ট
ধাপ ২
পপআপ স্টাইল করতে স্টাইলশিটে সিএসএস কোড যুক্ত করুন। পজিশন, উচ্চতা, ওভারফ্লো, ব্যাকগ্রাউন্ড-ইমেজ, ব্যাকগ্রাউন্ড-পজিশন, ব্যাকগ্রাউন্ড-রিপিট, ওভারফ্লো, কার্সার এবং অন্যান্য যেগুলি স্টাইলিংয়ের জন্য আপনার প্রয়োজন হতে পারে সেগুলি উল্লেখ করুন। আপনার মানক কাজের স্টাইলগুলির জন্য একটি বিশেষ ফাইল বরাদ্দ করার নীতি না থাকলে এই পরামিতিগুলি হেড ট্যাগেও সেট করা যেতে পারে। আপনি বিভিন্ন ট্যাগ ব্যবহার করে অন্য উপায়ে কোড লিখতে পারেন। সাধারণত ভাসমান উইন্ডো লেখার অনেকগুলি উপায় রয়েছে।
ধাপ 3
পপআপের লিঙ্কটির জন্য কোডটির পৃষ্ঠার মূল অংশে পেস্ট করুন এবং পপআপ খোলার জন্য নিজেই স্ক্রিপ্টটি বর্ণনা করুন। স্ট্যান্ডার্ড কমান্ড শো (), ট্রান্সফারটো (), বাইন্ড () এবং অন্যান্য ব্যবহার করে উইন্ডোতে কল করতে কোনও ফাংশন বর্ণনা করুন। প্রতিটি ফাংশনের পাশে নিজের জন্য একটি ছোট বিবরণ লেখার চেষ্টা করুন, যাতে কোডটিতে বিভ্রান্ত না হয়, কারণ আপনি পুরো সিস্টেমটির ক্রিয়াকলাপকে পুরোপুরি ব্যাহত করতে পারেন।
পদক্ষেপ 4
ত্রুটির জন্য কোডটি পরীক্ষা করে দেখুন এবং আপনার কাজের ফলাফল দেখতে একটি ব্রাউজারে পৃষ্ঠাটি খুলুন। পপ-আপ উইন্ডোটি প্রদর্শিত হওয়ার জন্য আপনাকে তৈরি লিঙ্কটিতে ক্লিক করতে হবে। ভবিষ্যতে, আপনি একটি পপ-আপ উইন্ডোটির স্বয়ংক্রিয় উপস্থিতির জন্য সরবরাহ করতে পারেন। পপআপে বিভিন্ন বৈশিষ্ট্যও থাকা উচিত, যেমন টেনে আনার এবং ছাড়ার ক্ষমতা, ছোট করা, প্রসারিত করা এবং অবশ্যই বন্ধ করা। এই সমস্ত বৈশিষ্ট্যের পপআপ স্ক্রিপ্টে বর্ণনা করা দরকার। ভাসমান উইন্ডো তৈরি করা কঠিন নয়, মূল বিষয় হল প্রোগ্রামিংয়ের প্রাথমিক বিষয়গুলি জানা, যেহেতু কোডটি সঠিকভাবে লেখার জন্য আপনার বিশেষ জ্ঞানের প্রয়োজন।