আমি মাহমুদুল হাসান সরল ডিভাইন কোডার টিম এর পক্ষ থেকে আপনাদের সবাইকে আজকের এই টিউনে স্বাগতম জানাচ্ছি । আজ আমি আপনাদের কে দেখাব কিভাবে জেকুয়েরি দিয়ে একটি ফুলস্কিন ওয়েব সাইট তৈরি করবেন । ডেমো দেখতে এখানে ক্লিক করুন সাইটটি ওপেন হওয়ার পর দেখুন উপরের কোনায় একটি আইকন আছে ওটাতে ক্লিক করুন দেখুন সাইটটি ফুল স্কিন হয়ে গেছে । তো চলুন আমরা হাতে কলমে এই জিনিসটি তৈরি করা শিখে ফেলি ।
সবার প্রথমে আমরা দেখব কি করে জেকুয়েরি ফাইল কে লিঙ্ক করাতে হয় । এর জন্য আমরা নিচের কোড টুকু আমাদের এইচটিএমএল ফাইলে জুড়ে দিব ।
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script type="text/javascript" src="/path/to/jquery.fullscreen-0.4.1.js"> </script>
এখন আমরা একটু জাভাস্ক্রিট লিখব ওপেন ক্লোজ বাটন এর জন্য
<script type="text/javascript">
$(function() {
$('.open').click(function() {
$('body').fullscreen();
return false;
});
$('.close').click(function() {
$.fullscreen.exit();
return false;
});
});
</script>
এখন আমরা প্যারাগ্রাফ ট্যাগ নিয়ে দুটি লিঙ্ক তৈরি করব
<p> <a href="#" class="open">Open Fullscreen</a> <a href="#" class="close">Exit fullscreen</a> </p>
এখন আমরা উপরের কোড টুকু একটি এইচটিএমএল ফাইলে অ্যাড করে নিব
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script>
<script type="text/javascript" src="/pah/to/jquery.fullscreen-0.4.1.js"> </script>
<script type="text/javascript">
$(function() {
$('.open').click(function() {
$('body').fullscreen();
return false;
});
$('.close').click(function() {
$.fullscreen.exit();
return false;
});
});
</script>
</head>
<body>
<p>
<a href="#" class="open">Open Fullscreen</a> / <a href="#" class="close">Exit fullscreen</a>
</p>
</body>
</html>
সোর্স ফাইল টি ডাউনলোড করতে এখানে ক্লিক করুন
আমাদের ফ্রীল্যান্সিং, ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট সম্পর্কিত ফেসবুক হেল্প পেজে যেতে এখানে ক্লিক করুন ।
আমি মাহমুদুল হাসান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 44 টি টিউন ও 25 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
![jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব](https://dnc.techtunes.io/tDrive/tuner/2018/04/techtunes_fee81aa370998cccf57ea2d7dc08eaa8-368x207.jpg "jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব")
প্রিয় টিউনস a add korlam