TodayLoad.com <<:Web-Effect+:Form-TextAreaEffect:>>

Hello WebEffect !! Love it?. . . . .
Fine more? @ TodayLoad.com

::- Example ::-> ตัวอย่างดูที่ ข้อความเวลาคุณเลื่อนหน้าลง

+:: Source Code ::+

+:: Descriptions ::+

(1)
- Select All -

<!-- Begin

window.onerror = null;

var topMargin = 100;

var slideTime = 1200;

var ns6 = (!document.all && document.getElementById);

var ie4 = (document.all);

var ns4 = (document.layers);

function layerObject(id,left) {

if (ns6) {

this.obj = document.getElementById(id).style;

this.obj.left = left;

return this.obj;

}

else if(ie4) {

this.obj = document.all[id].style;

this.obj.left = left;

return this.obj;

}

else if(ns4) {

this.obj = document.layers[id];

this.obj.left = left;

return this.obj;

}

function layerSetup() {

floatLyr = new layerObject('floatLayer', pageWidth * .5);

window.setInterval("main()", 10)

}

function floatObject() {

if (ns4 || ns6) {

findHt = window.innerHeight;

} else if(ie4) {

findHt = document.body.clientHeight;

}

function main() {

if (ns4) {

this.currentY = document.layers["floatLayer"].top;

this.scrollTop = window.pageYOffset;

mainTrigger();

}

else if(ns6) {

this.currentY = parseInt(document.getElementById('floatLayer').style.top);

this.scrollTop = scrollY;

mainTrigger();

} else if(ie4) {

this.currentY = floatLayer.style.pixelTop;

this.scrollTop = document.body.scrollTop;

mainTrigger();

}

function mainTrigger() {

var newTargetY = this.scrollTop + this.topMargin;

if ( this.currentY != newTargetY ) {

if ( newTargetY != this.targetY ) {

this.targetY = newTargetY;

floatStart();

}

animator();

}

function floatStart() {

var now = new Date();

this.A = this.targetY - this.currentY;

this.B = Math.PI / ( 2 * this.slideTime );

this.C = now.getTime();

if (Math.abs(this.A) > this.findHt) {

this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;

this.A = this.A > 0 ? this.findHt : -this.findHt;

}

else {

this.D = this.currentY;

}

function animator() {

var now = new Date();

var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;

newY = Math.round(newY);

if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {

if ( ie4 )document.all.floatLayer.style.pixelTop = newY;

if ( ns4 )document.layers["floatLayer"].top = newY;

if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px";

}

function start() {

if(ns6||ns4) {

pageWidth = innerWidth;

pageHeight = innerHeight;

layerSetup();

floatObject();

}

else if(ie4) {

pageWidth = document.body.clientWidth;

pageHeight = document.body.clientHeight;

layerSetup();

floatObject();

}

//  End -->

</script>

(2)

(1) คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน
โดยวางไว้ระหว่าง Tag <Head> </Head> ดังตัวอย่าง

(2) เพิ่ม onLoad="start()" ไว้เป็น แอตทริบิวต์ของ Tag <BODY> ตามตัวอย่าง

(3) คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน
โดยวางไว้ระหว่าง Tag <Body> </Body> ดังตัวอย่าง

- เพียงเท่านี้ คุณก็จะเห็น Message ตลอดเวลาแล้วครับ -

+:: Tips ::+

คุณสามารถปรับแต่งข้อความ สีข้อความ ขนาด ด้วยการแก้ไข Code ตามตัวอย่างข้างล่างนี้

ในขั้นตอนที่ (3)


<font face="Ms Sans Serif" color="magenta" size=2>Hello WebEffect !! Love it?. . . . .<br>Fine more? @ TodayLoad.com</font>

::+::- ส่งบทความนี้ ให้เพื่อน -::+::

<<- To ->>

Name
Email

<<- From ->>

Name
Email


	© CopyRight 2001 , TodayLoad.com