ওয়েবসাইটে স্পার্কিং কারসর ইফেক্ট…

31
444

প্রথমেই ঘুরে আসুন এই পেজ -এ। খেয়াল করে দেখেছেন কি, মাউস পয়েন্টার নাড়ালেই কিছু তারা ঝরে পড়ে আবার কিছুক্ষণ পরই হাওয়ায় মিশে যায়? খুব চমৎকার ইফেক্ট, তাই না। ইচ্ছে করলে আপনি এই ইফেক্ট আপনার ব্লগ বা ওয়েবসাইটে যোগ করতে পারেন। আজকে এটাই শেখানোর নিয়ত আছে।

ওয়েবসাইটে স্পার্কিং কারসর ইফেক্ট...

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

এটার জন্য HTML এডিটিং সম্পর্কে কিছুটা ধারনা থাকলে ভাল হয়। যাদের ব্লগ বা ওয়েবসাইট আছে তাদের তো নিশ্চয়ই ধারনা আছে। অবশ্য না থাকলেও ক্ষতি নাই। বুঝতে অসুবিধা হলে মন্তব্যে জানাবেন, আমি তো আছিই।

প্রথমে এই জাভাস্ক্রিপ্টটা দেখি… স্পার্ক ইফেক্ট । পুরো কোডটা কপি করুন।

আপনার ওয়েবসাইট বা ব্লগের থিম বা যে পেজে এই ইফেক্ট যোগ করতে চান তার HTML কোডের মধ্যে <head>  বা  </head> ট্যাগ খুঁজে বের করুন। <head> ট্যাগের ঠিক পরের লাইনে বা </head> ট্যাগের উপরে জাভাস্ক্রিপ্টের পুরো কোডটা পেস্ট করুন। সেভ করুন। কাজ শেষ, এবার আপনার ঐ ওয়েবসাইটে বা ব্লগে দেখুন ইফেক্ট কাজ করছে।

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

31 মন্তব্য

  1. পোস্ট মন্তব্য মিলিয়ে চমৎকার , কাজের পোস্ট ।

  2. Add a Gadget theke HTML/JavaScript select kore ai code ti lekhe save koron . ok …apni icca korle “I Love You” poroborton kore onno kichu likhte paren

    // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
    var text=’I Love You’;

    var delay=40; // SPEED OF TRAIL
    var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
    var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
    var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
    var beghtml=’‘; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
    var endhtml=’
    ‘; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

    //********** NO NEED TO EDIT BELOW HERE **********\

    ns4 = (navigator.appName.indexOf(“Netscape”)>=0 && document.layers)? true : false;
    ie4 = (document.all && !document.getElementById)? true : false;
    ie5 = (document.all && document.getElementById)? true : false;
    ns6 = (document.getElementById && navigator.appName.indexOf(“Netscape”)>=0 )? true: false;
    var txtA=new Array();
    text=text.split(”);
    var x1=0;
    var y1=-1000;
    var t=”;

    for(i=1;i<=text.length;i++){
    t+=(ns4)? '’ : ”;
    t+=beghtml+text[i-1]+endhtml;
    t+=(ns4)? ” : ”;
    }
    document.write(t);

    function moveid(id,x,y){
    if(ns4)id.moveTo(x,y);
    else{
    id.style.left=x+’px’;
    id.style.top=y+’px’;
    }}

    function animate(evt){
    x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
    y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
    }

    function getidleft(id){
    if(ns4)return id.left;
    else return parseInt(id.style.left);
    }

    function getidtop(id){
    if(ns4)return id.top;
    else return parseInt(id.style.top);
    }

    function getwindowwidth(){
    if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
    else return window.innerWidth+pageXOffset;
    }

    function movetxts(){
    for(i=text.length;i>1;i=i-1){
    if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
    moveid(txtA[i-1],0,-1000);
    moveid(txtA[i],0,-1000);
    }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
    }
    moveid(txtA[1],x1,y1);
    }

    window.onload=function(){
    for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
    if(ns4)document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove=animate;
    setInterval('movetxts()',delay);
    }

  3. Tunerpage ও Tunepage এর সকল Visitor এর কাছে আমার প্রশ্ন মাউস এ তো Text লেখা দেওয়া যায় !! আমাকে কেও Text দেওয়ার code দেবেন ??????????????????

    আছেন কেউ কি ?????????????????

    আমাকে help করেন Please……………………………………..
    ………………………………
    ……………………………

    …………………

    • কোথাও এপ্ল্যাই করেছেন? করলে লিঙ্ক দেন, দেখি…

  4. // <![CDATA[
    var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
    var bubbles=66; // how many bubbles are moving at any given time

    এটা আপনার পেজে বুদবুদ সৃস্টি করবে। ওহঃ আমার আগের পোস্টটা দুবার হয়ে গেছে, আমি একটা ডিলিট করতে পারছি না কেন?
    /****************************
    * JavaScript Bubble Bath *
    * (c) 2010 maruf alam *
    * marufalam22@yahoo.com *
    * DON'T EDIT BELOW THIS BOX *
    ****************************/
    var swide=800;
    var shigh=600;
    var bubb=new Array();
    var bubbx=new Array();
    var bubby=new Array();
    var bubbs=new Array();

    window.onload=function() { if (document.getElementById) {
    var b, i;
    b=document.createElement("div");
    i=b.style;
    i.position="absolute";
    b.setAttribute("id", "bod");
    document.body.appendChild(b);
    set_scroll();
    set_width();

    var rats, div;
    for (var i=0; i<bubbles; i++) {
    rats=createDiv("3px", "3px");

    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.top="1px";
    div.left="0px";
    div.bottom="1px";
    div.right="0px";
    div.borderLeft="1px solid "+colours[3];
    div.borderRight="1px solid "+colours[1];

    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.top="0px";
    div.left="1px";
    div.right="1px";
    div.bottom="0px"
    div.borderTop="1px solid "+colours[0];
    div.borderBottom="1px solid "+colours[2];

    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.left="1px";
    div.right="1px";
    div.bottom="1px";
    div.top="1px";
    div.backgroundColor=colours[4];
    div.opacity=0.5;
    if (document.all) div.filter="alpha(opacity=50)";

    b.appendChild(rats);
    bubb[i]=rats.style;
    }
    bubble();
    }}

    function bubble() {
    var c;
    for (c=0; c<bubbles; c++) if (!bubby[c] && Math.random()<0.333) {
    bubb[c].left=(bubbx[c]=Math.floor(swide/6+Math.random()*swide/1.5)-10)+"px";
    bubb[c].top=(bubby[c]=shigh)+"px";
    bubb[c].width="3px";
    bubb[c].height="3px"
    bubb[c].visibility="visible";
    bubbs[c]=3;
    break;
    }
    for (c=0; c0) {
    if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++

  5. এই রকম আরো একটা
    ////

    // <![CDATA[
    var colour="#f0f";
    var sparkles=50;

    /****************************
    * Tinkerbell Magic Sparkle *
    * (c) 2011 LionBD Programmer *
    * marufalam22@gmail.com
    * DON'T EDIT BELOW THIS BOX *
    ****************************/
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();

    window.onload=function() { if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
    }
    set_width();
    sparkle();
    }}

    function sparkle() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;
    }
    }
    for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
    }
    setTimeout("sparkle()", 40);
    }

    function update_star(i) {
    if (–starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";
    }
    else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;
    }
    }
    else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
    }
    }

    function update_tiny(i) {
    if (–tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
    }
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]

    পুদিনা ভাইকে ফেসবুকে রিকোয়েস্ট পাঠালাম। গ্রহন করেন যদি ভালো লাগে

  6. পিপি ভাই, পোস্টের মধ্যে জাভাস্ক্রিপ্ট এ্যাড করা যায় কি?

  7. ভাই, পোস্টের মধ্যে জাভাস্ক্রিপ্ট এ্যাড করা যায় কি?

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

nineteen + 2 =