Header Ads

Webpage ထဲမွာ Floating fly image ထည့္ျခင္း

ဒီလုိဗ်ာ webpage ထဲမွာ မုိးပ်ံပူေပါင္းေလးေတြပ်ံေနတဲ့ပုံစံလုပ္တဲ့ code ေလးကုိက်ေနာ္ေတြ႔ထားလုိ႔ လုပ္ေဆာင္ခ်က္က ကုိယ္ညႊန္းခ်င္တဲ့ေနရာကုိ ညႊန္းေပးတဲ့ link ညႊန္းေပးဖုိ႔အတြက္ပါ။ ဒါေပသိ ညႊန္းပုံဒီဇုိင္ေလးဆန္းတယ္ site ထဲမွာ မုိးပ်ံပူေပါင္းေလးေတြပ်ံေနတာ
နမူတာၾကည့္ခ်င္ရင္ http://www.dynamicdrive.com/dynamicindex4/flyimage.htm  ဒီ site မွာ ၾကည့္ၾကည့္ေပါ့။ က်ေနာ္လည္း အဲ့ ေနရာကေတြ႔တာပါ။ အဲ့မွာလည္း code ကုိေပးထားပါတယ္။ ဒါေပသိ code ေတြကို နည္းနည္းျပင္ရပါေသးတယ္။ က်ေနာ္က ျပင္ၿပီးသားေလးေပးမယ္။ ေအာက္က code ကုိ html အလုပ္လုပ္တဲ့ေနရာမွာထည့္ေပးရမွာဗ်။

<html>
<head>
<script type="text/javascript" src="http://api.ning.com/files/CsbPscMmoMCpBVoMC*yowuSiB9TtTJi4FnPDNfYvqndMbfoBkd-

KyggNQJAevdZVfQjxyPL8eXR6jmxRfsjb06mJRUHsnkny/float2.js"> </script>
<script type="text/javascript">

/***********************************************
* Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
* Modified by Dynamic Drive for various improvements
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Step 1: Define unique variable names depending on number of flying images (ie:3):
var flyimage1, flyimage2, flyimage3

function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
 flyimage1=new Chip("flyimage1",47,68);
 flyimage2=new Chip("flyimage2",47,68);
 flyimage3=new Chip("flyimage3",47,68);


//Step 3: Using the same variable names as 1), add or delete more of the below lines:
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");

}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

</script>
</head>
<html>
<head>
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex4/moveobj.js"> </script>
<script type="text/javascript">

/*
Floating image II (up down)- Bruce Anderson (http://appletlib.tripod.com)
Submitted to Dynamicdrive.com to feature script in archive
Modified by DD for script to function in NS6
For 100's of FREE DHTML scripts, Visit http://www.dynamicdrive.com
*/

var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=60;

//Begin of the unchangable area, please do not modify this area
var YY=0; 
var ch=0;
var oh=0;
var yon=0;

var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}


function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
       
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}

}

function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}

if (ie||ns4||ns6)
window.onload=onad

</script>
</head>
<body>
<!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->

<DIV ID="flyimage1" STYLE="xg-p:absolute; left: -500px; width:47; height:68;">
<A HREF="edinooyin.com "target="_blank"><IMG SRC="http://www.dynamicdrive.com/ballon2.gif" BORDER=0></a>
</DIV>

<DIV ID="flyimage2" STYLE="xg-p:absolute; left: -500px; width:47; height:68;">
<A HREF="edinooyin.com/profile/sawsan"target="_blank"><IMG SRC="http://www.dynamicdrive.com/ballon3.gif" BORDER=0></a>
</DIV>

<DIV ID="flyimage3" STYLE="xg-p:absolute; left: -500px; width:47; height:68;">
<A HREF="sawsan.freehostingcloud.com"target="_blank"><IMG SRC="http://www.dynamicdrive.com/ballon4.gif" BORDER=0></a>
</DIV>
</body>
</html>

အနီေရာင္နဲ႔ျပထားတဲ့ေနရာမွာ ညႊန္းခ်င္တဲ့ link ေလးေတြ ျပင္ေပးေပါ့။ က်န္တာလည္း လုိသလုိျပင္ႏုိင္ပါတယ္။
အဆင္ေျပပါေစဗ်ာ။

No comments

Powered by Blogger.