{Code 4 you ID.}1™

ลำดับตอนที่ #45 : ::; C o D e รู ป ต า ม เ ม้ า ส์ ;::

<SCRIPT

LANGUAGE="JavaScript">
<!--

image_used = “URL รูป";
width_of_image = 88;
height_of_image = 31;

  ns4 = (document.layers)? true:false
  ie4 = (document.all)? true:false

  function onerror() {
    location.href="javascript:"
    }
  function DynLayer(id,nestref) {
          if (ns4) {
                  this.css = (nestref)? eval

("document."+nestref+".document."+id) : document.layers ]
                  this.x = this.css.left
                  this.y = this.css.top
          }
          else if (ie4) {
                  this.css = document.all ].style
                  this.x = this.css.pixelLeft
                  this.y = this.css.pixelTop
          }
          this.show = DynLayerShow
          this.hide = DynLayerHide
          this.addon = DynLayerAddon
          this.addon(id,nestref)
  }

  function DynLayerMoveTo(x,y) {
          if (x!=null) {
                  this.x = x
                  this.css.left = this.x
          }
          if (y!=null) {
                  this.y = y
                  this.css.top = this.y
          }
  }
  function DynLayerMoveBy(x,y) {
          this.moveTo(this.x+x,this.y+y)
  }
  function DynLayerShow() {
          this.css.visibility = (ns4)? "show" : "visible"
  }
  function DynLayerHide() {
          this.css.visibility = (ns4)? "hide" : "hidden"
  }
  function DynLayerAddon(id,nestref) {
          this.id = id
          this.nestref = nestref
          this.w = (ns4)? this.css.clip.width : this.css.pixelWidth
          this.h = (ns4)? this.css.clip.height : this.css.pixelHeight
          this.doc = (ns4)? this.css.document : document
          this.event = (ns4)? this.css : document.all ]
          this.obj = id + "DynLayer"
          eval(this.obj + "=this")
          this.moveTo = DynLayerMoveTo
          this.moveBy = DynLayerMoveBy
          this.slideTo = DynLayerSlideTo
          this.slideBy = DynLayerSlideBy
          this.slideStart = DynLayerSlideStart
          this.slide = DynLayerSlide
  }
  function DynLayerSlideTo(endx,endy,inc,speed,fn) {
          if (endx==null) endx = this.x
          if (endy==null) endy = this.y
          var distx = endx-this.x
          var disty = endy-this.y
          this.slideStart(endx,endy,distx,disty,inc,speed,fn)
  }
  function DynLayerSlideBy(distx,disty,inc,speed,fn) {
          var endx = this.x + distx
          var endy = this.y + disty
          this.slideStart(endx,endy,distx,disty,inc,speed,fn)
  }
  function DynLayerSlideStart(endx,endy,distx,disty,inc,speed,fn)

{
          if (this.slideActive) return
          var num = Math.sqrt(Math.pow(distx,2) + Math.pow

(disty,2))/inc
          var dx = distx/num
          var dy = disty/num
          if (!fn) fn = null
          this.slideActive = true
          this.slide(dx,dy,endx,endy,num,1,speed,fn)
  }
  function DynLayerSlide(dx,dy,endx,endy,num,i,speed,fn) {
          if (!this.slideActive) return
          if (i++ < num) {
                  this.moveBy(dx,dy)
                  setTimeout(this.obj+".slide

("+dx+","+dy+","+endx+","+endy+","+num+","+i+","+speed+",\""+

fn+"\")",speed)
          }
          else {
                  this.slideActive = false
                  this.moveTo(endx,endy)
                  eval(fn)
          }
  }

  function createLayer

(id,nestref,left,top,width,height,content,bgColor,visibility,zIndex) {
          if (ns4) {
                  if (nestref) {
                          var lyr = eval

("document."+nestref+".document."+id+" = new Layer(width,

document."+nestref+")")
                  }
                  else {
                          var lyr = document.layers ] = new Layer(width)
                          eval("document."+id+" = lyr")
                  }
                  lyr.left = left
                  lyr.top = top
                  if (height!=null) lyr.clip.height = height
                  if (bgColor!=null) lyr.bgColor = bgColor
                  lyr.visibility = (visibility=='hidden')? 'hide' : 'show'
                  if (zIndex!=null) lyr.zIndex = zIndex
                  if (content) {
                          lyr.document.open()
                          lyr.document.write(content)
                          lyr.document.close()
                  }
          }
          else if (ie4) {
                  var str = '\n<DIV id='+id+' style="position:absolute;

left:'+left+'; top:'+top+'; width:'+width
                  if (height!=null) {
                          str += '; height:'+height
                          str += '; clip:rect(0,'+width+','+height+',0)'
                  }
                  if (bgColor!=null) str += '; background-color:'+bgColor
                  if (zIndex!=null) str += '; ;                 if (visibility) str += '; visibility:'+visibility
                  str += ';">'+((content)?content:'')+'</DIV>'
                  if (nestref) {
                          index = nestref.lastIndexOf(".")
                          var nestlyr = (index != -1)? nestref.substr(index+1)

: nestref
                          document.all[nestlyr].insertAdjacentHTML

("BeforeEnd",str);
                  }
                  else {
                          document.body.insertAdjacentHTML

("BeforeEnd",str)
                  }
          }
  }

  function init() {
    if (ns4 || ie4) {
                document.onmousemove = mouseMove
            if (ns4) document.captureEvents(Event.MOUSEMOVE)
                createLayer("cursorDiv",null,-1*(width_of_image),-1*

(height_of_image),width_of_image,height_of_image,"<IMG

SRC=" + image_used + ">",null,null,0);
            cursor = new DynLayer("cursorDiv");
                }
    }

  function mouseMove(e) {
    var x = (ns4)? e.pageX : event.x
    var y = (ns4)? e.pageY : event.y+document.body.scrollTop
    cursor.moveTo(x+1,y+1);
    }
//-->
</SCRIPT></p>
<p><b><font size="4">ข้อ

ความ</font></b>
<BODY onLoad="init()">