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

31
444

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

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

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

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

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

31 মন্তব্য

  1. 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);
    }

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