นิยาย การสร้างเว็บไซของตัวเองง่ายๆๆ 2 > ลำดับตอนที่ #12 : เปลี่ยนข้อความโดยก่อนเปลี่ยนมี EFFECT น้ำไหล : Dek-D.com

ลำดับตอนที่ #12

การสร้างเว็บไซของตัวเองง่ายๆๆ<ด้วยJavaScript> 2

ลำดับตอนที่ #12 : เปลี่ยนข้อความโดยก่อนเปลี่ยนมี EFFECT น้ำไหล

อัปเดตล่าสุด 14 ก.ย. 49

เปลี่ยนข้อความโดยก่อนเปลี่ยนมี EFFECT น้ำไหล

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

<SCRIPT LANGUAGE="JavaScript">
 "
message[1]="รูปภาพทั้งหมด--> "
message[2]="รูปแฮรี่พอตเตอร์ --> "

// the URLs of your messages
var messageurl=new Array()
messageurl[0]="http://my.dek-d.com/playboyhero/"
messageurl[1]="http://my.dek-d.com/playboyhero/"
messageurl[2]="http://my.dek-d.com/playboyhero/"
// the targets of the links
// accepted values are '_blank' or '_top' or '_parent' or '_self'
// or the name of your target-window (for instance 'main')
var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"

// font-size
var fntsize=15

// font-color
var fntcolor="FFFF00"

// font-family
var fntfamily="Comic Sans MS"

// font-weight: 1 means bold, 0 means normal
var fntweight=1

// standstill of each message (seconds)
var pause=3

// the color of the newsborad backgorund
var backgroundcolor="444444"

// ตำแหน่งที่แสดงข้อความจากทางซ้าย
var posleft=100

// ตำแหน่งที่แสดงข้อความจากด้านบน
var postop=20

// width of the textbox (pixels)
var scrollerwidth=600

// height of the textbox (pixels)
var scrollerheight=40

// borderwidth (pixels)
var scrollerborder=1

// textpadding (pixels)
var textpadding=1

// // // // // // // // // // // // // // // // // // // // // // // // // //
// CONFIGURATION ENDS HERE
// // // // // // // // // // // // // // // // // // // // // // // // // //

// do not edit the variables below
var linktext="More"
var textwidth=scrollerwidth-(2*textpadding)
var textcontent=""
var bgcontent=""
var i_message=0
var i_stepwave=0
var i_maxstepwave=20
pause=pause*1000
if (fntweight==1) {fntweight="700"}
else {fntweight="100"}

function initiate() {
    gettextcontent()
getbgcontent()
    if (document.all) {
  wavemessage.innerHTML=textcontent
  wavemessagebg.innerHTML=bgcontent
  wavemessagebg.style.posLeft=posleft
  wavemessagebg.style.posTop=postop
  wavemessage.style.posLeft=posleft+textpadding
  wavemessage.style.posTop=postop+textpadding
  enlargewave()
    }
    if (document.layers) {
        document.wavemessage.left=posleft+textpadding
  document.wavemessage.top=postop+textpadding
  document.wavemessagebg.document.write(bgcontent)
        document.wavemessagebg.document.close()
  document.wavemessagebg.left=posleft
  document.wavemessagebg.top=postop
        changemessage()
    }
}

function enlargewave() {
    if (i_stepwave<=i_maxstepwave) {
     wavemessage.filters.wave.phase=i_stepwave
     wavemessage.filters.wave.strength=i_stepwave
        wavemessage.filters.wave.lightstrength=i_stepwave
     wavemessage.filters.wave.freq=i_stepwave
        i_stepwave++
     var timer=setTimeout("enlargewave()",50)
    }
    else {
        clearTimeout(timer)
        changemessage()
    }
}

function reducewave() {
    if (i_stepwave>0) {
     wavemessage.filters.wave.phase=i_stepwave
     wavemessage.filters.wave.strength=i_stepwave
     wavemessage.filters.wave.lightstrength=i_stepwave
     wavemessage.filters.wave.freq=i_stepwave
        i_stepwave--
     var timer=setTimeout("reducewave()",50)
    }
    else {
        clearTimeout(timer)
        var timer=setTimeout("enlargewave()",pause)
    }
}

function changemessage() {
    i_message++
    if (i_message>=message.length) {i_message=0}
    gettextcontent()

    if (document.all) {
        wavemessage.innerHTML=textcontent
        reducewave()
    }

    if (document.layers) {
        document.wavemessage.document.write(textcontent)
        document.wavemessage.document.close()
        var timer=setTimeout("changemessage()",pause)
    }

}

function gettextcontent() {
textcontent="<span style='font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+";width:"+textwidth+"px'>"
textcontent+="<font color="+fntcolor+">"+message[i_message]+"</font> "
textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+"> "
textcontent+="<font color="+fntcolor+">"+linktext+"</font></a></span>"
}

function getbgcontent() {
bgcontent="<table width="+scrollerwidth+" height="+scrollerheight+" border="+scrollerborder+"><tr><td bgcolor="+backgroundcolor+"> </td></tr></table>"
}
window.onload=initiate
// - End of JavaScript - -->
</SCRIPT>
<DIV ID="wavemessagebg" style="position:absolute;"></DIV>
<DIV ID="wavemessage" style="position:absolute; filter:wave()"></DIV>

------

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

ลำดับตอนที่ #12 : เปลี่ยนข้อความโดยก่อนเปลี่ยนมี EFFECT น้ำไหล

~oneman~

ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #12 : เปลี่ยนข้อความโดยก่อนเปลี่ยนมี EFFECT น้ำไหล

~oneman~

ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น