یكی از مسائلی كه در طراحی وب تاثیر زیادی دارد استفاده از متن یا آیتمی است كه با یك ویژگی خاص بتواند نظر بازدید كننده را به خود جلب كند. این بار یك كد جالب به شما معرفی می كنیم كه به كمك آن می توانید در نوشته ی مورد نظرتان موج ایجاد كنید.

به ادامه مطلب رجوع کنید.

یكی از مسائلی كه در طراحی وب تاثیر زیادی دارد استفاده از متن یا آیتمی است كه با یك ویژگی خاص بتواند نظر بازدید كننده را به خود جلب كند. این بار یك كد جالب به شما معرفی می كنیم كه به كمك آن می توانید در نوشته ی مورد نظرتان موج ایجاد كنید.

<!-----suntools.ir-----><script language="javascript"> // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE. var text='متن خود را اینجا وارد کنید متن باید انگلیسی باشد'; var delay=40; // SPEED OF TRAIL var txtw=32; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES var xoff=30; // OFFSET FROM THE LEFT OF THE PAGE *OR* FROM THE MOUSE CURSOR DEPENDING ON THE "mousefollow" SETTING. var yoff=10; // OFFSET FROM THE TOP OF THE PAGE *OR* FROM THE MOUSE CURSOR DEPENDING ON THE "mousefollow" SETTING. var sampleinc=0.3; // NUMBER OF PIXELS TAKEN ALONG THE "X" AXIS AT A TIME var amplitude=35; // THE HEIGHT OF THE WAVE IN PIXELS var mousefollow=false; // true=FOLLOWS THE MOUSE/ false=STAYS AT THE xoff/yoff COORDINATES. var beghtml='<h1>'; // OPTIONAL HTML THAT EFFECTS THE WHOLE STRING. var endhtml='</h1>'; // OPTIONAL HTML CODE ONLY NEEDED IF ABOVE NEEDS AN "END" HTML TAG. //********** 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 t=''; var ex=sampleinc; var mousex=0; var mousey=0; for(i=1;i<=text.length;i++){ t+=(ns4)? '<layer name="txt'+i+'" top="-1000" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-1000px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">'; t+=beghtml+text[i-1]+endhtml; t+=(ns4)? '</layer>' : '</div>'; } document.write(t); function adjmousepos(evt){ mousex=xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX); mousey=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 moveid(id,x,y){ if(ns4)id.moveTo(x,y); else{ id.style.left=x+'px'; id.style.top=y+'px'; }} 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); ex=ex+sampleinc; } 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],xoff+mousex,yoff+mousey+(Math.sin(ex)*amplitude)+Math.abs(amplitude)); ex=ex+sampleinc; } 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); setInterval('movetxts()',delay); if(mousefollow){ if(ns4)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=adjmousepos; }} </script>

ارسال نظر(0)

بازديد :14436