Skip to main content

sawsan 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 လေးတွေ ပြင်ပေးပေါ့။ ကျန်တာလည်း လိုသလိုပြင်နိုင်ပါတယ်။
အဆင်ပြေပါစေဗျာ။ source : www.sawsan23.com

Random Quote

—