[Featured Post][featured][recent][5]

জনপ্রিয় পোস্ট

মারিয়ানা’স ওয়েব কি? ইন্টারনেট এর এই সবচেয়ে রহস্যময় ও অন্ধকার স্থান সম্পর্কে জানুন

অনেকেই হয়ত মারিয়ানা'স ওয়েব এর নাম শুনেছেন; আবার অনেকে হয়ত শুনেন নি। মারিয়ানা'স ওয়েব আসলে কি? আমরা কি মারিয়ানা'স ওয়েব সার্ফ ক...

, , ,

March 06, 2016 A+ A- Print Email
শীত আসছে এইবার সব পাতাই ঝরে পড়বে। আর এই ঝরা পাতা উপর থেকে পড়া দেখতে অনেকেরেই হয়তো বা ভাল লাগে। আজকে আমি আপনাদের ঝরা পাতার ইফেক্ট কিভাবে দিবেন তা দেখাবে। যদিও শীতের শেষ এটা রিমূভ করে দিতে পারেন। আর পছন্দ হলে রাখতেও পারেন, তবে সবচেয়ে বেশি যা রাখবেন তা হচ্ছে কোড গুলো এর কোড গুলো অবশ্যই ব্যাকআপ রাখবেন যাতে পরের বছর ব্যবহার করতে পারেন :p
ঝরা পাতার ইফেক্টটি দিতে প্রথমেই আপনার ব্লগার লগইন করুন। তারপর Layout এবং তারপর Add Gadget এরপরে HTML/JavaScriptসিলেক্ট করুন। এবং নিচের কোডটুকু পেষ্ট করুন।

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<script>
if (typeof jQuery == 'undefined') {
document.write('<' + 'script');
document.write(' language="javascript"');
document.write(' type="text/javascript"');
document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');
document.write('</' + 'script' + '>')
}
</script>
<script>
if (!image_urls) {
var image_urls = Array()
}
if (!flash_urls) {
var flash_urls = Array()
}
image_urls['rain1'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfKSqyT0-0c2gi9VTXF_xOZyk-Gi7wYyv58KSlb59Zkz3YRPAstDhRDWxuKn4WT9W5Aqh3HAkpSZUHqo8lueaAi_h7j11WFwq3STcXAJWvWqOE8NdfISYmhKRGQM45b3K6z2FJHqeQmyVS/s1600/Leaf1.png";
image_urls['rain2'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikjOxbWlyzMtq_YFxTGqAYlxVRCgX08KriVjR8fIMKL3ZroPxxaRETVd7kyzsZ5q4DXnZPS6kXPVrKOpYsmh-Ith1B7dZ2YWuq6AMTIO7xgzkLwgMSkxxbqhFouqOyWN3WgTlvPG9BpfD/s1600/Leaf2.png";
image_urls['rain3'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8emND0ESBfXbzK6N48lVvZ6RQJjlSQvq0iON9EaXWsxRM7vLnSehliUbPXPCBguGsEAPv7w8FT6pZszk6Z6FeyUoRiwauQIJ3o5lo2cfXapdLG7BihfDY18hGs4a1EOxqQcoc7aoxbHxa/s1600/Leaf6.png";
image_urls['rain4'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxwxwmK2mfTWQMxQ6ifPC19xTIkja-_wHDPgubZU0GzmQ_wGKpZchsqxz5xH92rJi4FVEHyiEnzfPh3Y8WSSdK-W7UH62ErMlJw50uUBwUIiP8SCV3CWY2wC1CzZyOlTRwqH3vxy_j5iZp/s1600/Leaf5.png";
$(document).ready(function () {
var c = $(window).width();
var d = $(window).height();
var e = function (a, b) {
return Math.round(a + (Math.random() * (b - a)))
};
var f = function (a) {
setTimeout(function () {
a.css({
left: e(0, c) + 'px',
top: '-30px',
display: 'block',
opacity: '0.' + e(10, 100)
}).animate({
top: (d - 10) + 'px'
}, e(7500, 8000), function () {
$(this).fadeOut('slow', function () {
f(a)
})
})
}, e(1, 8000))
};
$('<div></div>').attr('id', 'rainDiv')
.css({
position: 'fixed',
width: (c - 20) + 'px',
height: '1px',
left: '0px',
top: '-5px',
display: 'block'
}).appendTo('body');
for (var i = 1; i <= 20; i++) {
var g = $('<img/>').attr('src', image_urls['rain' + e(1, 4)])
.css({
position: 'absolute',
left: e(0, c) + 'px',
top: '-30px',
display: 'block',
opacity: '0.' + e(10, 100),
'margin-left': 0
}).addClass('rainDrop').appendTo('#rainDiv');
f(g);
g = null
};
var h = 0;
var j = 0;
$(window).resize(function () {
c = $(window).width();
d = $(window).height()
})
});
</script>
<script>
if (typeof jQuery == 'undefined') {
document.write('<' + 'script');
document.write(' language="javascript"');
document.write(' type="text/javascript"');
document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');
document.write('</' + 'script' + '>')
}
</script>
আশা করি আপনারা সবাই সফল ভাবে করতে পেরেছেন। ভাল লাগলে মন্তব্য করবেন।

Post a Comment

Subscribe to: Post Comments (Atom)