আপনার ব্লগার ব্লগে যুক্ত করেনিন অসাধারন মাউস ইফেক্ট ।

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আপনাদের সাথে শেয়ার করলাম। এইটা ব্লগার ব্লগে বা ওয়েব সাইট সবক্ষেত্রে ব্যবহার করা যাবে। এটি আপনার মাউসের কার্সরের সাথে  থাকবে ।  এইটা তৈরি করা কোনই কঠিক কিছু না একেবারে সোজা । প্রথমেই নিচের ছবিটি খেয়াল করুন ঠিক এটির মতোই  আপনার ব্লগ  মাউস থেকে ইফেক্ট ঝরে পড়বে  ।<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BYizAIEpB-aeAS7nLk6Y9iQW1EgNOuB82pSbVqpSQl30622uN3iJsmtyCZzjyw3ZmZ5Hfpl8Os-38sJEf5v1sl3EHj3d-ymlU9neJ7atsT_bVvk5Wf29FZxyy_Y5SyOkrk7VqTHzYD-m/s1600/muse.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BYizAIEpB-aeAS7nLk6Y9iQW1EgNOuB82pSbVqpSQl30622uN3iJsmtyCZzjyw3ZmZ5Hfpl8Os-38sJEf5v1sl3EHj3d-ymlU9neJ7atsT_bVvk5Wf29FZxyy_Y5SyOkrk7VqTHzYD-m/s1600/muse.jpg" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /></div> <div class="message_box announce"> <b>☞</b>   কিভাবে এই ওয়েডগেট আপনার ব্লগে যুক্ত করবেন !.</div> <br /> ১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে <b>Layout </b>এ ক্লিক করুন ।<br /> <br /> ২// এবার <b>Add a gadget</b> এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে <b>HTML/Javascript </b>ক্লিক করুন । নীচের চিত্রে দেখুন ..<br /> <br /> <br /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIa95HwmFkjF62CURvDy7DQ9hA_vvrApMKUAT_8C8k5ErQcjx-g4kJvbSyfSfU-OQ-GeWK2xxE-Ze-iBi_YbvkCcMoY40YmShJ7S_F1Gq65N0L-5Y8woNliWV8axhS-YYu9hnNCfmULbs/s1600/Screenshot_1.png" /><br /> <br /> <br /> ৩// নিচের মতো <b>Title</b> ঘর ফাকা রেখে <b>Content</b> ঘরে নীচের যে কোন কোড গুল কপি করে পেস্ট করুন ।<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FpxUrMzESUvYql2FzkoPwwGgAhyphenhyphenz9zBhaNVUGC2_FJj7uCkmYcbqP6t084zwGOcGhsYAVagRKXwneWtH73sRDU48td6HOYe_qEN3XjNc4Ha1QkRWLmUZJzDNWzj2BGI1XvpVM7TxaCtK/s1600/blogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FpxUrMzESUvYql2FzkoPwwGgAhyphenhyphenz9zBhaNVUGC2_FJj7uCkmYcbqP6t084zwGOcGhsYAVagRKXwneWtH73sRDU48td6HOYe_qEN3XjNc4Ha1QkRWLmUZJzDNWzj2BGI1XvpVM7TxaCtK/s1600/blogger.JPG" /></a></div> <br /> <br /> <br /> <b>☞ ১ </b><br /> <br /> <div class="tgbox"> <script type=’text/javascript’><br /> <br /> <br /> <br /> //<;<br /> <br /> function stopRainbow()<br /> <br /> {<br /> <br /> if (act) {<br /> <br /> objActive.style.color = clrOrg;<br /> <br /> clearInterval(TimerID);<br /> <br /> act = 0;<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> function doRainbowAnchor()<br /> <br /> {<br /> <br /> if (act == 0) {<br /> <br /> var obj = event.srcElement;<br /> <br /> while (obj.tagName != ‘A’ && obj.tagName != ‘BODY’) {<br /> <br /> obj = obj.parentElement;<br /> <br /> if (obj.tagName == ‘A’ || obj.tagName == ‘BODY’)<br /> <br /> break;<br /> <br /> }<br /> <br /> <br /> <br /> if (obj.tagName == ‘A’ && obj.href != ”) {<br /> <br /> objActive = obj;<br /> <br /> act = 1;<br /> <br /> clrOrg = objActive.style.color;<br /> <br /> TimerID = setInterval(“ChangeColor()”,100);<br /> <br /> }<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> function stopRainbowAnchor()<br /> <br /> {<br /> <br /> if (act) {<br /> <br /> if (objActive.tagName == ‘A’) {<br /> <br /> objActive.style.color = clrOrg;<br /> <br /> clearInterval(TimerID);<br /> <br /> act = 0;<br /> <br /> }<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> function Mozilla_doRainbowAnchor(e)<br /> <br /> {<br /> <br /> if (act == 0) {<br /> <br /> obj = e.target;<br /> <br /> while (obj.nodeName != ‘A’ && obj.nodeName != ‘BODY’) {<br /> <br /> obj = obj.parentNode;<br /> <br /> if (obj.nodeName == ‘A’ || obj.nodeName == ‘BODY’)<br /> <br /> break;<br /> <br /> }<br /> <br /> <br /> <br /> if (obj.nodeName == ‘A’ && obj.href != ”) {<br /> <br /> objActive = obj;<br /> <br /> act = 1;<br /> <br /> clrOrg = obj.style.color;<br /> <br /> TimerID = setInterval(“ChangeColor()”,100);<br /> <br /> }<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> function Mozilla_stopRainbowAnchor(e)<br /> <br /> {<br /> <br /> if (act) {<br /> <br /> if (objActive.nodeName == ‘A’) {<br /> <br /> objActive.style.color = clrOrg;<br /> <br /> clearInterval(TimerID);<br /> <br /> act = 0;<br /> <br /> }<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> function ChangeColor()<br /> <br /> {<br /> <br /> objActive.style.color = makeColor();<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> function makeColor()<br /> <br /> {<br /> <br /> // Don’t you think Color Gamut to look like Rainbow?<br /> <br /> <br /> <br /> // HSVtoRGB<br /> <br /> if (elmS == 0) {<br /> <br /> elmR = elmV; elmG = elmV; elmB = elmV;<br /> <br /> }<br /> <br /> else {<br /> <br /> t1 = elmV;<br /> <br /> t2 = (255 – elmS) * elmV / 255;<br /> <br /> t3 = elmH % 60;<br /> <br /> t3 = (t1 – t2) * t3 / 60;<br /> <br /> <br /> <br /> if (elmH < 60) {<br /> <br /> elmR = t1; elmB = t2; elmG = t2 + t3;<br /> <br /> }<br /> <br /> else if (elmH < 120) {<br /> <br /> elmG = t1; elmB = t2; elmR = t1 – t3;<br /> <br /> }<br /> <br /> else if (elmH < 180) {<br /> <br /> elmG = t1; elmR = t2; elmB = t2 + t3;<br /> <br /> }<br /> <br /> else if (elmH < 240) {<br /> <br /> elmB = t1; elmR = t2; elmG = t1 – t3;<br /> <br /> }<br /> <br /> else if (elmH < 300) {<br /> <br /> elmB = t1; elmG = t2; elmR = t2 + t3;<br /> <br /> }<br /> <br /> else if (elmH < 360) {<br /> <br /> elmR = t1; elmG = t2; elmB = t1 – t3;<br /> <br /> }<br /> <br /> else {<br /> <br /> elmR = 0; elmG = 0; elmB = 0;<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> <br /> elmR = Math.floor(elmR).toString(16);<br /> <br /> elmG = Math.floor(elmG).toString(16);<br /> <br /> elmB = Math.floor(elmB).toString(16);<br /> <br /> if (elmR.length == 1) elmR = “0″ + elmR;<br /> <br /> if (elmG.length == 1) elmG = “0″ + elmG;<br /> <br /> if (elmB.length == 1) elmB = “0″ + elmB;<br /> <br /> <br /> <br /> elmH = elmH + rate;<br /> <br /> if (elmH >= 360)<br /> <br /> elmH = 0;<br /> <br /> <br /> <br /> return ‘#’ + elmR + elmG + elmB;<br /> <br /> }<br /> <br /> <br /> <br /> //]]><br /> <br /> <br /> <br /> </script></div> <br /> <br /> <b>☞ ২ </b><br /> <br /> <div class="tgbox"> <script type='text/javascript'><br /> // <![CDATA[<br /> var colour="blue";<br /> var sparkles=100;<br /> <br /> var x=ox=400;<br /> var y=oy=300;<br /> var swide=800;<br /> var shigh=600;<br /> var sleft=sdown=0;<br /> var tiny=new Array();<br /> var star=new Array();<br /> var starv=new Array();<br /> var starx=new Array();<br /> var stary=new Array();<br /> var tinyx=new Array();<br /> var tinyy=new Array();<br /> var tinyv=new Array();<br /> window.onload=function() { if (document.getElementById) {<br /> var i, rats, rlef, rdow;<br /> for (var i=0; i<sparkles; i++) {<br /> var rats=createDiv(3, 3);<br /> rats.style.visibility="hidden";<br /> document.body.appendChild(tiny[i]=rats);<br /> starv[i]=0;<br /> tinyv[i]=0;<br /> var rats=createDiv(5, 5);<br /> rats.style.backgroundColor="transparent";<br /> rats.style.visibility="hidden";<br /> var rlef=createDiv(1, 5);<br /> var rdow=createDiv(5, 1);<br /> rats.appendChild(rlef);<br /> rats.appendChild(rdow);<br /> rlef.style.top="3px";<br /> rlef.style.left="0px";<br /> rdow.style.top="0px";<br /> rdow.style.left="3px";<br /> document.body.appendChild(star[i]=rats);<br /> }<br /> set_width();<br /> sparkle();<br /> }}<br /> function sparkle() {<br /> var c;<br /> if (x!=ox || y!=oy) {<br /> ox=x;<br /> oy=y;<br /> for (c=0; c<sparkles; c++) if (!starv[c]) {<br /> star[c].style.left=(starx[c]=x)+"px";<br /> <br /> star[c].style.top=(stary[c]=y)+"px";<br /> star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br /> star[c].style.visibility="visible";<br /> starv[c]=50;<br /> break;<br /> }<br /> }<br /> for (c=0; c<sparkles; c++) {<br /> if (starv[c]) update_star(c);<br /> if (tinyv[c]) update_tiny(c);<br /> }<br /> setTimeout("sparkle()", 40);<br /> }<br /> function update_star(i) {<br /> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br /> if (starv[i]) {<br /> stary[i]+=1+Math.random()*3;<br /> if (stary[i]<shigh+sdown) {<br /> star[i].style.top=stary[i]+"px";<br /> starx[i]+=(i%5-2)/5;<br /> star[i].style.left=starx[i]+"px";<br /> }<br /> else {<br /> star[i].style.visibility="hidden";<br /> starv[i]=0;<br /> return;<br /> }<br /> <br /> }<br /> else {<br /> tinyv[i]=50;<br /> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br /> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br /> tiny[i].style.width="2px";<br /> tiny[i].style.height="2px";<br /> star[i].style.visibility="hidden";<br /> tiny[i].style.visibility="visible"<br /> }<br /> }<br /> function update_tiny(i) {<br /> if (--tinyv[i]==25) {<br /> tiny[i].style.width="1px";<br /> tiny[i].style.height="1px";<br /> }<br /> if (tinyv[i]) {<br /> tinyy[i]+=1+Math.random()*3;<br /> if (tinyy[i]<shigh+sdown) {<br /> tiny[i].style.top=tinyy[i]+"px";<br /> tinyx[i]+=(i%5-2)/5;<br /> tiny[i].style.left=tinyx[i]+"px";<br /> }<br /> else {<br /> <br /> <br /> tiny[i].style.visibility="hidden";<br /> tinyv[i]=0;<br /> return;<br /> }<br /> }<br /> else tiny[i].style.visibility="hidden";<br /> }<br /> document.onmousemove=mouse;<br /> function mouse(e) {<br /> set_scroll();<br /> y=(e)?e.pageY:event.y+sdown;<br /> x=(e)?e.pageX:event.x+sleft;<br /> }<br /> function set_scroll() {<br /> if (typeof(self.pageYOffset)=="number") {<br /> sdown=self.pageYOffset;<br /> sleft=self.pageXOffset;<br /> }<br /> else if (document.body.scrollTop || document.body.scrollLeft) {<br /> sdown=document.body.scrollTop;<br /> sleft=document.body.scrollLeft;<br /> }<br /> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br /> sleft=document.documentElement.scrollLeft;<br /> sdown=document.documentElement.scrollTop;<br /> }<br /> else {<br /> sdown=0;<br /> sleft=0;<br /> }<br /> }<br /> window.onresize=set_width;<br /> function set_width() {<br /> if (typeof(self.innerWidth)=="number") {<br /> swide=self.innerWidth;<br /> shigh=self.innerHeight;<br /> }<br /> else if (document.documentElement && document.documentElement.clientWidth) {<br /> swide=document.documentElement.clientWidth;<br /> shigh=document.documentElement.clientHeight;<br /> }<br /> else if (document.body.clientWidth) {<br /> swide=document.body.clientWidth;<br /> shigh=document.body.clientHeight;<br /> }<br /> }<br /> function createDiv(height, width) {<br /> var div=document.createElement("div");<br /> div.style.position="absolute";<br /> div.style.height=height+"px";<br /> div.style.width=width+"px";<br /> div.style.overflow="hidden";<br /> div.style.backgroundColor=colour;<br /> return (div);<br /> }<br /> // ]]><br /> </script></div> <br /> <br /> <b>☞ ৩ </b><br /> <br /> <div class="tgbox"> <script type='text/javascript'><br /> // <!<br /> <br /> [CDATA[<br /> var colour="blue";<br /> var sparkles=100;<br /> <br /> var x=ox=400;<br /> var y=oy=300;<br /> var swide=800;<br /> var shigh=600;<br /> var sleft=sdown=0;<br /> var tiny=new Array();<br /> var star=new Array();<br /> var starv=new Array();<br /> var starx=new Array();<br /> var stary=new Array();<br /> var tinyx=new Array();<br /> var tinyy=new Array();<br /> var tinyv=new Array();<br /> window.onload=function() { if (document.getElementById) {<br /> var i, rats, rlef, rdow;<br /> for (var i=0; i<sparkles; i++) {<br /> var rats=createDiv(3, 3);<br /> rats.style.visibility="hidden";<br /> document.body.appendChild(tiny[i]=rats);<br /> starv[i]=0;<br /> tinyv[i]=0;<br /> var rats=createDiv(5, 5);<br /> rats.style.backgroundColor="transparent";<br /> rats.style.visibility="hidden";<br /> var rlef=createDiv(1, 5);<br /> var rdow=createDiv(5, 1);<br /> rats.appendChild(rlef);<br /> rats.appendChild(rdow);<br /> rlef.style.top="3px";<br /> rlef.style.left="0px";<br /> rdow.style.top="0px";<br /> rdow.style.left="3px";<br /> document.body.appendChild(star[i]=rats);<br /> }<br /> set_width();<br /> sparkle();<br /> }}<br /> function sparkle() {<br /> var c;<br /> if (x!=ox || y!=oy) {<br /> ox=x;<br /> oy=y;<br /> for (c=0; c<sparkles; c++) if (!starv<br /> <br /> ) {</em></span></span><br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>star</em></span></span><br /> <br /> .style.left=(starx<br /> <br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>=x)+"px";</em></span></span><br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em><br /> </em></span></span> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>star</em></span></span><br /> <br /> .style.top=(stary<br /> <br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>=y)+"px";</em></span></span><br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>star</em></span></span><br /> <br /> .style.clip="rect(0px, 5px, 5px, 0px)";<br /> star<br /> <br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>.style.visibility="visible";</em></span></span><br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>starv</em></span></span><br /> <br /> =50;<br /> break;<br /> }<br /> }<br /> for (c=0; c<sparkles; c++) {<br /> if (starv<br /> <br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>) update_star(c);</em></span></span><br /> <span style="color: #666666; font-family: verdana;"><span style="font-size: 12px; line-height: 18.899999618530273px;"><em>if (tinyv</em></span></span><br /> <br /> ) update_tiny(c);<br /> }<br /> setTimeout("sparkle()", 40);<br /> }<br /> function update_star(i) {<br /> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br /> if (starv[i]) {<br /> stary[i]+=1+Math.random()*3;<br /> if (stary[i]<shigh+sdown) {<br /> star[i].style.top=stary[i]+"px";<br /> starx[i]+=(i%5-2)/5;<br /> star[i].style.left=starx[i]+"px";<br /> }<br /> else {<br /> star[i].style.visibility="hidden";<br /> starv[i]=0;<br /> return;<br /> }<br /> <br /> }<br /> else {<br /> tinyv[i]=50;<br /> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br /> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br /> tiny[i].style.width="2px";<br /> tiny[i].style.height="2px";<br /> star[i].style.visibility="hidden";<br /> tiny[i].style.visibility="visible"<br /> }<br /> }<br /> function update_tiny(i) {<br /> if (--tinyv[i]==25) {<br /> tiny[i].style.width="1px";<br /> tiny[i].style.height="1px";<br /> }<br /> if (tinyv[i]) {<br /> tinyy[i]+=1+Math.random()*3;<br /> if (tinyy[i]<shigh+sdown) {<br /> tiny[i].style.top=tinyy[i]+"px";<br /> tinyx[i]+=(i%5-2)/5;<br /> tiny[i].style.left=tinyx[i]+"px";<br /> }<br /> else {<br /> <br /> <br /> tiny[i].style.visibility="hidden";<br /> tinyv[i]=0;<br /> return;<br /> }<br /> }<br /> else tiny[i].style.visibility="hidden";<br /> }<br /> document.onmousemove=mouse;<br /> function mouse(e) {<br /> set_scroll();<br /> y=(e)?e.pageY:event.y+sdown;<br /> x=(e)?e.pageX:event.x+sleft;<br /> }<br /> function set_scroll() {<br /> if (typeof(self.pageYOffset)=="number") {<br /> sdown=self.pageYOffset;<br /> sleft=self.pageXOffset;<br /> }<br /> else if (document.body.scrollTop || document.body.scrollLeft) {<br /> sdown=document.body.scrollTop;<br /> sleft=document.body.scrollLeft;<br /> }<br /> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br /> sleft=document.documentElement.scrollLeft;<br /> sdown=document.documentElement.scrollTop;<br /> }<br /> else {<br /> sdown=0;<br /> sleft=0;<br /> }<br /> }<br /> window.onresize=set_width;<br /> function set_width() {<br /> if (typeof(self.innerWidth)=="number") {<br /> swide=self.innerWidth;<br /> shigh=self.innerHeight;<br /> }<br /> else if (document.documentElement && document.documentElement.clientWidth) {<br /> swide=document.documentElement.clientWidth;<br /> shigh=document.documentElement.clientHeight;<br /> }<br /> else if (document.body.clientWidth) {<br /> swide=document.body.clientWidth;<br /> shigh=document.body.clientHeight;<br /> }<br /> }<br /> function createDiv(height, width) {<br /> var div=document.createElement("div");<br /> div.style.position="absolute";<br /> div.style.height=height+"px";<br /> div.style.width=width+"px";<br /> div.style.overflow="hidden";<br /> div.style.backgroundColor=colour;<br /> return (div);<br /> }<br /> // ]]><br /> </script></div> <br /> <br /> <b>☞ ৪ </b><br /> <br /> <div class="tgbox"> <a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"><br /> // <![CDATA[<br /> var colour="cyan";<br /> var sparkles=100;<br /> <br /> var x=ox=400;<br /> var y=oy=300;<br /> var swide=800;<br /> var shigh=600;<br /> var sleft=sdown=0;<br /> var tiny=new Array();<br /> var star=new Array();<br /> var starv=new Array();<br /> var starx=new Array();<br /> var stary=new Array();<br /> var tinyx=new Array();<br /> var tinyy=new Array();<br /> var tinyv=new Array();<br /> window.onload=function() { if (document.getElementById) {<br /> var i, rats, rlef, rdow;<br /> for (var i=0; i<sparkles; i++) {<br /> var rats=createDiv(3, 3);<br /> rats.style.visibility="hidden";<br /> document.body.appendChild(tiny[i]=rats);<br /> starv[i]=0;<br /> tinyv[i]=0;<br /> var rats=createDiv(5, 5);<br /> rats.style.backgroundColor="transparent";<br /> rats.style.visibility="hidden";<br /> var rlef=createDiv(1, 5);<br /> var rdow=createDiv(5, 1);<br /> rats.appendChild(rlef);<br /> rats.appendChild(rdow);<br /> rlef.style.top="3px";<br /> rlef.style.left="0px";<br /> rdow.style.top="0px";<br /> rdow.style.left="3px";<br /> document.body.appendChild(star[i]=rats);<br /> }<br /> set_width();<br /> sparkle();<br /> }}<br /> function sparkle() {<br /> var c;<br /> if (x!=ox || y!=oy) {<br /> ox=x;<br /> oy=y;<br /> for (c=0; c<sparkles; c++) if (!starv[c]) {<br /> star[c].style.left=(starx[c]=x)+"px";<br /> <br /> star[c].style.top=(stary[c]=y)+"px";<br /> star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br /> star[c].style.visibility="visible";<br /> starv[c]=50;<br /> break;<br /> }<br /> }<br /> for (c=0; c<sparkles; c++) {<br /> if (starv[c]) update_star(c);<br /> if (tinyv[c]) update_tiny(c);<br /> }<br /> setTimeout("sparkle()", 40);<br /> }<br /> function update_star(i) {<br /> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br /> if (starv[i]) {<br /> stary[i]+=1+Math.random()*3;<br /> if (stary[i]<shigh+sdown) {<br /> star[i].style.top=stary[i]+"px";<br /> starx[i]+=(i%5-2)/5;<br /> star[i].style.left=starx[i]+"px";<br /> }<br /> else {<br /> star[i].style.visibility="hidden";<br /> starv[i]=0;<br /> return;<br /> }<br /> <br /> }<br /> else {<br /> tinyv[i]=50;<br /> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br /> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br /> tiny[i].style.width="2px";<br /> tiny[i].style.height="2px";<br /> star[i].style.visibility="hidden";<br /> tiny[i].style.visibility="visible"<br /> }<br /> }<br /> function update_tiny(i) {<br /> if (--tinyv[i]==25) {<br /> tiny[i].style.width="1px";<br /> tiny[i].style.height="1px";<br /> }<br /> if (tinyv[i]) {<br /> tinyy[i]+=1+Math.random()*3;<br /> if (tinyy[i]<shigh+sdown) {<br /> tiny[i].style.top=tinyy[i]+"px";<br /> tinyx[i]+=(i%5-2)/5;<br /> tiny[i].style.left=tinyx[i]+"px";<br /> }<br /> else {<br /> <br /> <br /> tiny[i].style.visibility="hidden";<br /> tinyv[i]=0;<br /> return;<br /> }<br /> }<br /> else tiny[i].style.visibility="hidden";<br /> }<br /> document.onmousemove=mouse;<br /> function mouse(e) {<br /> set_scroll();<br /> y=(e)?e.pageY:event.y+sdown;<br /> x=(e)?e.pageX:event.x+sleft;<br /> }<br /> function set_scroll() {<br /> if (typeof(self.pageYOffset)=="number") {<br /> sdown=self.pageYOffset;<br /> sleft=self.pageXOffset;<br /> }<br /> else if (document.body.scrollTop || document.body.scrollLeft) {<br /> sdown=document.body.scrollTop;<br /> sleft=document.body.scrollLeft;<br /> }<br /> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br /> sleft=document.documentElement.scrollLeft;<br /> sdown=document.documentElement.scrollTop;<br /> }<br /> else {<br /> sdown=0;<br /> sleft=0;<br /> }<br /> }<br /> window.onresize=set_width;<br /> function set_width() {<br /> if (typeof(self.innerWidth)=="number") {<br /> swide=self.innerWidth;<br /> shigh=self.innerHeight;<br /> }<br /> else if (document.documentElement && document.documentElement.clientWidth) {<br /> swide=document.documentElement.clientWidth;<br /> shigh=document.documentElement.clientHeight;<br /> }<br /> else if (document.body.clientWidth) {<br /> swide=document.body.clientWidth;<br /> shigh=document.body.clientHeight;<br /> }<br /> }<br /> function createDiv(height, width) {<br /> var div=document.createElement("div");<br /> div.style.position="absolute";<br /> div.style.height=height+"px";<br /> div.style.width=width+"px";<br /> div.style.overflow="hidden";<br /> div.style.backgroundColor=colour;<br /> return (div);<br /> }<br /> // ]]><br /> </script></div> <br /> <br /> <b>☞ ৫ </b><br /> <br /> <div class="tgbox"> <a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"><br /> // <![CDATA[<br /> var colour="white";<br /> var sparkles=100;<br /> <br /> var x=ox=400;<br /> var y=oy=300;<br /> var swide=800;<br /> var shigh=600;<br /> var sleft=sdown=0;<br /> var tiny=new Array();<br /> var star=new Array();<br /> var starv=new Array();<br /> var starx=new Array();<br /> var stary=new Array();<br /> var tinyx=new Array();<br /> var tinyy=new Array();<br /> var tinyv=new Array();<br /> window.onload=function() { if (document.getElementById) {<br /> var i, rats, rlef, rdow;<br /> for (var i=0; i<sparkles; i++) {<br /> var rats=createDiv(3, 3);<br /> rats.style.visibility="hidden";<br /> document.body.appendChild(tiny[i]=rats);<br /> starv[i]=0;<br /> tinyv[i]=0;<br /> var rats=createDiv(5, 5);<br /> rats.style.backgroundColor="transparent";<br /> rats.style.visibility="hidden";<br /> var rlef=createDiv(1, 5);<br /> var rdow=createDiv(5, 1);<br /> rats.appendChild(rlef);<br /> rats.appendChild(rdow);<br /> rlef.style.top="3px";<br /> rlef.style.left="0px";<br /> rdow.style.top="0px";<br /> rdow.style.left="3px";<br /> document.body.appendChild(star[i]=rats);<br /> }<br /> set_width();<br /> sparkle();<br /> }}<br /> function sparkle() {<br /> var c;<br /> if (x!=ox || y!=oy) {<br /> ox=x;<br /> oy=y;<br /> for (c=0; c<sparkles; c++) if (!starv[c]) {<br /> star[c].style.left=(starx[c]=x)+"px";<br /> <br /> star[c].style.top=(stary[c]=y)+"px";<br /> star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br /> star[c].style.visibility="visible";<br /> starv[c]=50;<br /> break;<br /> }<br /> }<br /> for (c=0; c<sparkles; c++) {<br /> if (starv[c]) update_star(c);<br /> if (tinyv[c]) update_tiny(c);<br /> }<br /> setTimeout("sparkle()", 40);<br /> }<br /> function update_star(i) {<br /> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br /> if (starv[i]) {<br /> stary[i]+=1+Math.random()*3;<br /> if (stary[i]<shigh+sdown) {<br /> star[i].style.top=stary[i]+"px";<br /> starx[i]+=(i%5-2)/5;<br /> star[i].style.left=starx[i]+"px";<br /> }<br /> else {<br /> star[i].style.visibility="hidden";<br /> starv[i]=0;<br /> return;<br /> }<br /> <br /> }<br /> else {<br /> tinyv[i]=50;<br /> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br /> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br /> tiny[i].style.width="2px";<br /> tiny[i].style.height="2px";<br /> star[i].style.visibility="hidden";<br /> tiny[i].style.visibility="visible"<br /> }<br /> }<br /> function update_tiny(i) {<br /> if (--tinyv[i]==25) {<br /> tiny[i].style.width="1px";<br /> tiny[i].style.height="1px";<br /> }<br /> if (tinyv[i]) {<br /> tinyy[i]+=1+Math.random()*3;<br /> if (tinyy[i]<shigh+sdown) {<br /> tiny[i].style.top=tinyy[i]+"px";<br /> tinyx[i]+=(i%5-2)/5;<br /> tiny[i].style.left=tinyx[i]+"px";<br /> }<br /> else {<br /> <br /> <br /> tiny[i].style.visibility="hidden";<br /> tinyv[i]=0;<br /> return;<br /> }<br /> }<br /> else tiny[i].style.visibility="hidden";<br /> }<br /> document.onmousemove=mouse;<br /> function mouse(e) {<br /> set_scroll();<br /> y=(e)?e.pageY:event.y+sdown;<br /> x=(e)?e.pageX:event.x+sleft;<br /> }<br /> function set_scroll() {<br /> if (typeof(self.pageYOffset)=="number") {<br /> sdown=self.pageYOffset;<br /> sleft=self.pageXOffset;<br /> }<br /> else if (document.body.scrollTop || document.body.scrollLeft) {<br /> sdown=document.body.scrollTop;<br /> sleft=document.body.scrollLeft;<br /> }<br /> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br /> sleft=document.documentElement.scrollLeft;<br /> sdown=document.documentElement.scrollTop;<br /> }<br /> else {<br /> sdown=0;<br /> sleft=0;<br /> }<br /> }<br /> window.onresize=set_width;<br /> function set_width() {<br /> if (typeof(self.innerWidth)=="number") {<br /> swide=self.innerWidth;<br /> shigh=self.innerHeight;<br /> }<br /> else if (document.documentElement && document.documentElement.clientWidth) {<br /> swide=document.documentElement.clientWidth;<br /> shigh=document.documentElement.clientHeight;<br /> }<br /> else if (document.body.clientWidth) {<br /> swide=document.body.clientWidth;<br /> shigh=document.body.clientHeight;<br /> }<br /> }<br /> function createDiv(height, width) {<br /> var div=document.createElement("div");<br /> div.style.position="absolute";<br /> div.style.height=height+"px";<br /> div.style.width=width+"px";<br /> div.style.overflow="hidden";<br /> div.style.backgroundColor=colour;<br /> return (div);<br /> }<br /> // ]]><br /> </script></div> <br /> <br /> <b>☞ ৬ </b><br /> <br /> <div class="tgbox"> <a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"><br /> // <![CDATA[<br /> var colour="yellow";<br /> var sparkles=100;<br /> <br /> var x=ox=400;<br /> var y=oy=300;<br /> var swide=800;<br /> var shigh=600;<br /> var sleft=sdown=0;<br /> var tiny=new Array();<br /> var star=new Array();<br /> var starv=new Array();<br /> var starx=new Array();<br /> var stary=new Array();<br /> var tinyx=new Array();<br /> var tinyy=new Array();<br /> var tinyv=new Array();<br /> window.onload=function() { if (document.getElementById) {<br /> var i, rats, rlef, rdow;<br /> for (var i=0; i<sparkles; i++) {<br /> var rats=createDiv(3, 3);<br /> rats.style.visibility="hidden";<br /> document.body.appendChild(tiny[i]=rats);<br /> starv[i]=0;<br /> tinyv[i]=0;<br /> var rats=createDiv(5, 5);<br /> rats.style.backgroundColor="transparent";<br /> rats.style.visibility="hidden";<br /> var rlef=createDiv(1, 5);<br /> var rdow=createDiv(5, 1);<br /> rats.appendChild(rlef);<br /> rats.appendChild(rdow);<br /> rlef.style.top="3px";<br /> rlef.style.left="0px";<br /> rdow.style.top="0px";<br /> rdow.style.left="3px";<br /> document.body.appendChild(star[i]=rats);<br /> }<br /> set_width();<br /> sparkle();<br /> }}<br /> function sparkle() {<br /> var c;<br /> if (x!=ox || y!=oy) {<br /> ox=x;<br /> oy=y;<br /> for (c=0; c<sparkles; c++) if (!starv[c]) {<br /> star[c].style.left=(starx[c]=x)+"px";<br /> <br /> star[c].style.top=(stary[c]=y)+"px";<br /> star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br /> star[c].style.visibility="visible";<br /> starv[c]=50;<br /> break;<br /> }<br /> }<br /> for (c=0; c<sparkles; c++) {<br /> if (starv[c]) update_star(c);<br /> if (tinyv[c]) update_tiny(c);<br /> }<br /> setTimeout("sparkle()", 40);<br /> }<br /> function update_star(i) {<br /> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br /> if (starv[i]) {<br /> stary[i]+=1+Math.random()*3;<br /> if (stary[i]<shigh+sdown) {<br /> star[i].style.top=stary[i]+"px";<br /> starx[i]+=(i%5-2)/5;<br /> star[i].style.left=starx[i]+"px";<br /> }<br /> else {<br /> star[i].style.visibility="hidden";<br /> starv[i]=0;<br /> return;<br /> }<br /> <br /> }<br /> else {<br /> tinyv[i]=50;<br /> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br /> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br /> tiny[i].style.width="2px";<br /> tiny[i].style.height="2px";<br /> star[i].style.visibility="hidden";<br /> tiny[i].style.visibility="visible"<br /> }<br /> }<br /> function update_tiny(i) {<br /> if (--tinyv[i]==25) {<br /> tiny[i].style.width="1px";<br /> tiny[i].style.height="1px";<br /> }<br /> if (tinyv[i]) {<br /> tinyy[i]+=1+Math.random()*3;<br /> if (tinyy[i]<shigh+sdown) {<br /> tiny[i].style.top=tinyy[i]+"px";<br /> tinyx[i]+=(i%5-2)/5;<br /> tiny[i].style.left=tinyx[i]+"px";<br /> }<br /> else {<br /> <br /> <br /> tiny[i].style.visibility="hidden";<br /> tinyv[i]=0;<br /> return;<br /> }<br /> }<br /> else tiny[i].style.visibility="hidden";<br /> }<br /> document.onmousemove=mouse;<br /> function mouse(e) {<br /> set_scroll();<br /> y=(e)?e.pageY:event.y+sdown;<br /> x=(e)?e.pageX:event.x+sleft;<br /> }<br /> function set_scroll() {<br /> if (typeof(self.pageYOffset)=="number") {<br /> sdown=self.pageYOffset;<br /> sleft=self.pageXOffset;<br /> }<br /> else if (document.body.scrollTop || document.body.scrollLeft) {<br /> sdown=document.body.scrollTop;<br /> sleft=document.body.scrollLeft;<br /> }<br /> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br /> sleft=document.documentElement.scrollLeft;<br /> sdown=document.documentElement.scrollTop;<br /> }<br /> else {<br /> sdown=0;<br /> sleft=0;<br /> }<br /> }<br /> window.onresize=set_width;<br /> function set_width() {<br /> if (typeof(self.innerWidth)=="number") {<br /> swide=self.innerWidth;<br /> shigh=self.innerHeight;<br /> }<br /> else if (document.documentElement && document.documentElement.clientWidth) {<br /> swide=document.documentElement.clientWidth;<br /> shigh=document.documentElement.clientHeight;<br /> }<br /> else if (document.body.clientWidth) {<br /> swide=document.body.clientWidth;<br /> shigh=document.body.clientHeight;<br /> }<br /> }<br /> function createDiv(height, width) {<br /> var div=document.createElement("div");<br /> div.style.position="absolute";<br /> div.style.height=height+"px";<br /> div.style.width=width+"px";<br /> div.style.overflow="hidden";<br /> div.style.backgroundColor=colour;<br /> return (div);<br /> }<br /> // ]]><br /> </script> </div> <br /> <br /> <b>☞ ৭ </b><br /> <br /> <div class="tgbox"> <a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"><br /> // <![CDATA[<br /> var colour="blue";<br /> var sparkles=100;<br /> <br /> var x=ox=400;<br /> var y=oy=300;<br /> var swide=800;<br /> var shigh=600;<br /> var sleft=sdown=0;<br /> var tiny=new Array();<br /> var star=new Array();<br /> var starv=new Array();<br /> var starx=new Array();<br /> var stary=new Array();<br /> var tinyx=new Array();<br /> var tinyy=new Array();<br /> var tinyv=new Array();<br /> window.onload=function() { if (document.getElementById) {<br /> var i, rats, rlef, rdow;<br /> for (var i=0; i<sparkles; i++) {<br /> var rats=createDiv(3, 3);<br /> rats.style.visibility="hidden";<br /> document.body.appendChild(tiny[i]=rats);<br /> starv[i]=0;<br /> tinyv[i]=0;<br /> var rats=createDiv(5, 5);<br /> rats.style.backgroundColor="transparent";<br /> rats.style.visibility="hidden";<br /> var rlef=createDiv(1, 5);<br /> var rdow=createDiv(5, 1);<br /> rats.appendChild(rlef);<br /> rats.appendChild(rdow);<br /> rlef.style.top="3px";<br /> rlef.style.left="0px";<br /> rdow.style.top="0px";<br /> rdow.style.left="3px";<br /> document.body.appendChild(star[i]=rats);<br /> }<br /> set_width();<br /> sparkle();<br /> }}<br /> function sparkle() {<br /> var c;<br /> if (x!=ox || y!=oy) {<br /> ox=x;<br /> oy=y;<br /> for (c=0; c<sparkles; c++) if (!starv[c]) {<br /> star[c].style.left=(starx[c]=x)+"px";<br /> <br /> star[c].style.top=(stary[c]=y)+"px";<br /> star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br /> star[c].style.visibility="visible";<br /> starv[c]=50;<br /> break;<br /> }<br /> }<br /> for (c=0; c<sparkles; c++) {<br /> if (starv[c]) update_star(c);<br /> if (tinyv[c]) update_tiny(c);<br /> }<br /> setTimeout("sparkle()", 40);<br /> }<br /> function update_star(i) {<br /> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br /> if (starv[i]) {<br /> stary[i]+=1+Math.random()*3;<br /> if (stary[i]<shigh+sdown) {<br /> star[i].style.top=stary[i]+"px";<br /> starx[i]+=(i%5-2)/5;<br /> star[i].style.left=starx[i]+"px";<br /> }<br /> else {<br /> star[i].style.visibility="hidden";<br /> starv[i]=0;<br /> return;<br /> }<br /> <br /> }<br /> else {<br /> tinyv[i]=50;<br /> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br /> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br /> tiny[i].style.width="2px";<br /> tiny[i].style.height="2px";<br /> star[i].style.visibility="hidden";<br /> tiny[i].style.visibility="visible"<br /> }<br /> }<br /> function update_tiny(i) {<br /> if (--tinyv[i]==25) {<br /> tiny[i].style.width="1px";<br /> tiny[i].style.height="1px";<br /> }<br /> if (tinyv[i]) {<br /> tinyy[i]+=1+Math.random()*3;<br /> if (tinyy[i]<shigh+sdown) {<br /> tiny[i].style.top=tinyy[i]+"px";<br /> tinyx[i]+=(i%5-2)/5;<br /> tiny[i].style.left=tinyx[i]+"px";<br /> }<br /> else {<br /> <br /> <br /> tiny[i].style.visibility="hidden";<br /> tinyv[i]=0;<br /> return;<br /> }<br /> }<br /> else tiny[i].style.visibility="hidden";<br /> }<br /> document.onmousemove=mouse;<br /> function mouse(e) {<br /> set_scroll();<br /> y=(e)?e.pageY:event.y+sdown;<br /> x=(e)?e.pageX:event.x+sleft;<br /> }<br /> function set_scroll() {<br /> if (typeof(self.pageYOffset)=="number") {<br /> sdown=self.pageYOffset;<br /> sleft=self.pageXOffset;<br /> }<br /> else if (document.body.scrollTop || document.body.scrollLeft) {<br /> sdown=document.body.scrollTop;<br /> sleft=document.body.scrollLeft;<br /> }<br /> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br /> sleft=document.documentElement.scrollLeft;<br /> sdown=document.documentElement.scrollTop;<br /> }<br /> else {<br /> sdown=0;<br /> sleft=0;<br /> }<br /> }<br /> window.onresize=set_width;<br /> function set_width() {<br /> if (typeof(self.innerWidth)=="number") {<br /> swide=self.innerWidth;<br /> shigh=self.innerHeight;<br /> }<br /> else if (document.documentElement && document.documentElement.clientWidth) {<br /> swide=document.documentElement.clientWidth;<br /> shigh=document.documentElement.clientHeight;<br /> }<br /> else if (document.body.clientWidth) {<br /> swide=document.body.clientWidth;<br /> shigh=document.body.clientHeight;<br /> }<br /> }<br /> function createDiv(height, width) {<br /> var div=document.createElement("div");<br /> div.style.position="absolute";<br /> div.style.height=height+"px";<br /> div.style.width=width+"px";<br /> div.style.overflow="hidden";<br /> div.style.backgroundColor=colour;<br /> return (div);<br /> }<br /> // ]]><br /> </script></div> <br /> <br /> <b>☞ ৮ </b><br /> <br /> <div class="tgbox"> <a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"><br /> // <![CDATA[<br /> var colour="black";<br /> var sparkles=100;<br /> <br /> var x=ox=400;<br /> var y=oy=300;<br /> var swide=800;<br /> var shigh=600;<br /> var sleft=sdown=0;<br /> var tiny=new Array();<br /> var star=new Array();<br /> var starv=new Array();<br /> var starx=new Array();<br /> var stary=new Array();<br /> var tinyx=new Array();<br /> var tinyy=new Array();<br /> var tinyv=new Array();<br /> window.onload=function() { if (document.getElementById) {<br /> var i, rats, rlef, rdow;<br /> for (var i=0; i<sparkles; i++) {<br /> var rats=createDiv(3, 3);<br /> rats.style.visibility="hidden";<br /> document.body.appendChild(tiny[i]=rats);<br /> starv[i]=0;<br /> tinyv[i]=0;<br /> var rats=createDiv(5, 5);<br /> rats.style.backgroundColor="transparent";<br /> rats.style.visibility="hidden";<br /> var rlef=createDiv(1, 5);<br /> var rdow=createDiv(5, 1);<br /> rats.appendChild(rlef);<br /> rats.appendChild(rdow);<br /> rlef.style.top="3px";<br /> rlef.style.left="0px";<br /> rdow.style.top="0px";<br /> rdow.style.left="3px";<br /> document.body.appendChild(star[i]=rats);<br /> }<br /> set_width();<br /> sparkle();<br /> }}<br /> function sparkle() {<br /> var c;<br /> if (x!=ox || y!=oy) {<br /> ox=x;<br /> oy=y;<br /> for (c=0; c<sparkles; c++) if (!starv[c]) {<br /> star[c].style.left=(starx[c]=x)+"px";<br /> <br /> star[c].style.top=(stary[c]=y)+"px";<br /> star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br /> star[c].style.visibility="visible";<br /> starv[c]=50;<br /> break;<br /> }<br /> }<br /> for (c=0; c<sparkles; c++) {<br /> if (starv[c]) update_star(c);<br /> if (tinyv[c]) update_tiny(c);<br /> }<br /> setTimeout("sparkle()", 40);<br /> }<br /> function update_star(i) {<br /> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br /> if (starv[i]) {<br /> stary[i]+=1+Math.random()*3;<br /> if (stary[i]<shigh+sdown) {<br /> star[i].style.top=stary[i]+"px";<br /> starx[i]+=(i%5-2)/5;<br /> star[i].style.left=starx[i]+"px";<br /> }<br /> else {<br /> star[i].style.visibility="hidden";<br /> starv[i]=0;<br /> return;<br /> }<br /> <br /> }<br /> else {<br /> tinyv[i]=50;<br /> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br /> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br /> tiny[i].style.width="2px";<br /> tiny[i].style.height="2px";<br /> star[i].style.visibility="hidden";<br /> tiny[i].style.visibility="visible"<br /> }<br /> }<br /> function update_tiny(i) {<br /> if (--tinyv[i]==25) {<br /> tiny[i].style.width="1px";<br /> tiny[i].style.height="1px";<br /> }<br /> if (tinyv[i]) {<br /> tinyy[i]+=1+Math.random()*3;<br /> if (tinyy[i]<shigh+sdown) {<br /> tiny[i].style.top=tinyy[i]+"px";<br /> tinyx[i]+=(i%5-2)/5;<br /> tiny[i].style.left=tinyx[i]+"px";<br /> }<br /> else {<br /> <br /> <br /> tiny[i].style.visibility="hidden";<br /> tinyv[i]=0;<br /> return;<br /> }<br /> }<br /> else tiny[i].style.visibility="hidden";<br /> }<br /> document.onmousemove=mouse;<br /> function mouse(e) {<br /> set_scroll();<br /> y=(e)?e.pageY:event.y+sdown;<br /> x=(e)?e.pageX:event.x+sleft;<br /> }<br /> function set_scroll() {<br /> if (typeof(self.pageYOffset)=="number") {<br /> sdown=self.pageYOffset;<br /> sleft=self.pageXOffset;<br /> }<br /> else if (document.body.scrollTop || document.body.scrollLeft) {<br /> sdown=document.body.scrollTop;<br /> sleft=document.body.scrollLeft;<br /> }<br /> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br /> sleft=document.documentElement.scrollLeft;<br /> sdown=document.documentElement.scrollTop;<br /> }<br /> else {<br /> sdown=0;<br /> sleft=0;<br /> }<br /> }<br /> window.onresize=set_width;<br /> function set_width() {<br /> if (typeof(self.innerWidth)=="number") {<br /> swide=self.innerWidth;<br /> shigh=self.innerHeight;<br /> }<br /> else if (document.documentElement && document.documentElement.clientWidth) {<br /> swide=document.documentElement.clientWidth;<br /> shigh=document.documentElement.clientHeight;<br /> }<br /> else if (document.body.clientWidth) {<br /> swide=document.body.clientWidth;<br /> shigh=document.body.clientHeight;<br /> }<br /> }<br /> function createDiv(height, width) {<br /> var div=document.createElement("div");<br /> div.style.position="absolute";<br /> div.style.height=height+"px";<br /> div.style.width=width+"px";<br /> div.style.overflow="hidden";<br /> div.style.backgroundColor=colour;<br /> return (div);<br /> }<br /> // ]]><br /> </script></div> <br /> <br /> <br /> <br /> ৪// এবার  Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন ।<br /> <br /> <br /> <b>☞</b>  আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং            কোন আসুবিধা হলে কমেন্ট করবেন আমি সাহায্য করার চেষ্টা করবো ।<br /> <br /> <br />     তাহলে আজাকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভাল থাকবেন সুস্থ   <br />     থাকবেন  ধন্যবাদ।<br /> <br /> <br /> <br /></div> </div>

আপনার ব্লগার ব্লগে যুক্ত করেনিন অসাধারন মাউস ইফেক্ট ।

বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আপনাদের সাথে শেয়ার করলাম। এইটা ব্লগার ব্লগে বা ওয়েব সাইট সবক্ষেত্রে ব্যবহার...

আরও পড়ুন »

আপনার ব্লগের ফোটতে Zoom effect দিন ।

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="clear: both; text-align: left;"> hello friends আশাকরি সবায় ভালো আছেন সুস্থ আছেন । আজকের টা সিএসএস ৩ (CSS3) স্টাইল দেখাবো কি ভাবে ব্লগে ইমেজ লিঙ্ক কে  Zoom করে দেখাবে । তাছাড়া আমরা ব্লগে পোস্টের সময় অনেক ছোট ইমেজ দিয়ে থাকি । এর মূলত কাজ হল ইমেজ উপর মাউস নিলে ফটো Zoom করে দেখাবে । অন্য উপায়ও আছে কিন্তু আমার কাছে এটা সুবিধাজনক মনে হয় । তাহলে চলুন দেখে নেওয়া যাক । </div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvBF5yToKfKC5O2RkfNDkcg7VE_haZSdqMXSMIQOQUZ4NKE4xMCQDx3hMvM_7898TcptzoTMxhI41PNTGsn6d-EAE_tFAcp1c-mOT7uEDwQ2ICaJsMofMTeDANWdUfGapye_1mDdM0SQ/s1600/zoom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvBF5yToKfKC5O2RkfNDkcg7VE_haZSdqMXSMIQOQUZ4NKE4xMCQDx3hMvM_7898TcptzoTMxhI41PNTGsn6d-EAE_tFAcp1c-mOT7uEDwQ2ICaJsMofMTeDANWdUfGapye_1mDdM0SQ/s1600/zoom.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <br /> <br /> <div style="text-align: center;"> <a class="button blue big" href="http://tomarijonno.blogspot.com/2014/08/borbaad-mp3.html" rel="nofollow" target="_blank">Live Demo</a></div> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="message_box announce"> কিভাবে এই ওয়েডগেট আপনার ব্লগে যুক্ত করবেন !.</div> <br /> <br /> <br /> <br /> <ul style="text-align: left;"> <li>প্রথমে আপনার ব্লগার ব্লগ লগইন করুন ।</li> </ul> <ul style="text-align: left;"> <li>ড্যাশবোর্ড থেকে Template → Edit HTML এ ক্লিক করুন ।</li> </ul> <ul style="text-align: left;"> <li>এবার আপনার কীবোর্ড এর CTRL+F প্রেস করে নিচের ট্যাগটি খোজ করুন ।</li> </ul> <br /> <br /> <blockquote class="tr_bq"> ]]></b:skin></blockquote> <div> <br /></div> <ul style="text-align: left;"> <li>উপরের ট্যাগ খুজে পেলে তার ঠিক আগে বা উপরে নিচের সিএসএস কোড গুলো বসিয়ে দিন ।</li> </ul> <div> <b><br /><br /> </b></div> <br /> <br /> <div class="tgbox"> </style><style type="text/css"><br /> /*URL: http://tomarijonnor.blogspot.com */<br /> .hovergallery img{<br /> -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/<br /> -moz-transform:scale(0.8); /*Mozilla scale version*/<br /> -o-transform:scale(0.8); /*Opera scale version*/<br /> -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/<br /> -moz-transition-duration: 0.5s; /*Mozilla duration version*/<br /> -o-transition-duration: 0.5s; /*Opera duration version*/<br /> }<br /> <br /> .hovergallery img:hover{<br /> -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/<br /> -moz-transform:scale(1.1); /*Mozilla scale version*/<br /> -o-transform:scale(1.1); /*Opera scale version*/<br /> opacity: 1;<br /> }<br /> </style></div> <br /> <br /> <br /> <br /> <ul style="text-align: left;"> <li> এবার Save করুন আপনার কাজ শেষ ।</li> </ul> <div> <br /></div> <br /> <br /> এবার ব্লগে গিয়ে যখন আপনি এই জুমিং ইফেক্ট যেকোনো পোস্টের যেকোনো ছবিতে করতে চান তখন class="hovergallery" নির্দিষ্ট ছবির <div> ট্যাগে দিতে হবে। <br /> <br /> <br /> <br /> <br /> <br /> <ul style="text-align: left;"> <li>নিচে ভালো করে দেখেনিন ।</li> </ul> <br /> <br /> <blockquote class="tr_bq"> <a class="hovergallery" href="<span style="color: red;">http://tomarijonno.blogspot.in/</span>"><img src="<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvBF5yToKfKC5O2RkfNDkcg7VE_haZSdqMXSMIQOQUZ4NKE4xMCQDx3hMvM_7898TcptzoTMxhI41PNTGsn6d-EAE_tFAcp1c-mOT7uEDwQ2ICaJsMofMTeDANWdUfGapye_1mDdM0SQ/s1600/zoom.png</span>"/></blockquote> <br /> <br /> <br /> <br /> <span style="color: blue;"><b>নোটঃ</b>  </span> উপরে <span style="color: red;">লাল</span> রঙ্গে ঘিরা অংশ নিজের ইচ্ছা মতো লিঙ্ক দিন । আর <span style="color: magenta;">গোলাপি</span>  রঙ্গে ঘিরা অংশ নিজের ইচ্ছা মতো ফটো দিন ।<br /> <br /> <br /> <div> আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং  কমেন্ট করতে ভুলবেন না ।কোন সমস্যা হলে অবশ্যই জানাবেন আমি হেল্প করবো ।  ভালো থাকবেন সুস্থ থাকবেন ধন্যবাদ ।<br /> <br /> <br /></div> </div>

আপনার ব্লগের ফোটতে Zoom effect দিন ।

hello friends আশাকরি সবায় ভালো আছেন সুস্থ আছেন । আজকের টা সিএসএস ৩ (CSS3) স্টাইল দেখাবো কি ভাবে ব্লগে ইমেজ লিঙ্ক কে  Zoom করে দেখাবে । তা...

আরও পড়ুন »