<script> msie = navigator.appVersion.indexOf("MSIE") != -1; function layerSupport() { return (document.all || document.layers); } layers = new Array(); layerX = new Array(); layerY = new Array(); cursorX = 0; cursorY = 0; function getViewWidth() { if (msie) return document.body.clientWidth; else return window.innerWidth; } function getViewHeight() { if (msie) return document.body.clientHeight; else return window.innerHeight; } function getViewXOffset() { if (msie) return document.body.scrollLeft; else return window.pageXOffset; } function getViewYOffset() { if (msie) return document.body.scrollTop; else return window.pageYOffset; } function getLayerX(i) { return layerX[i]; } function getLayerY(i) { return layerY[i]; } function moveLayer(i, x, y) { layerX[i] = x; layerY[i] = y; if (msie) { layers[i].style.pixelLeft = x; layers[i].style.pixelTop = y; } else { layers[i].left = x; layers[i].top = y; } } function setVisible(i, show) { if (msie) layers[i].style.visible = show ? "show" : "hidden"; else layers[i].visibility = show; } function outOfBounds(config, x, y, w, h) { var result = 0; // note that fudge factor isn't used for bottom if (x < getViewXOffset() - config.xFudge) result |= 1; // Left else if (x + w >= getViewXOffset() + getViewWidth() + config.xFudge) result |= 2; // Right if (y + h >= getViewYOffset() + getViewHeight()) result |= 4; // Bottom else if (y < getViewYOffset() - config.yFudge) result |= 8; // Top return result; } function random(bound) { return Math.floor(Math.random() * bound); } function randomX(config) { return getViewXOffset() + random(getViewWidth() - config.imageWidth); } function randomY(config) { return getViewYOffset() - config.yFudge + random(getViewHeight() + config.yFudge - config.imageHeight); } function setVisible(i, show) { if (msie) layers[i].style.visibility = show ? "" : "hidden"; else layers[i].visibility = show ? "show" : "hide"; } function writeImage(image, name, x, y) { layerX[name] = x; layerY[name] = y; if (msie) { document.writeln('<div id="' + name + '" style="position:absolute;left:' + x + ';top:' + y + ';"><img src="' + image + '"></div>'); layers[name] = document.all[name]; } else { document.writeln('<layer id="' + name + '" left=' + x + ' top=' + y + '><img src="' + image + '"></layer>'); layers[name] = document.layers[name]; } } function writeImages(config) { for (var i = 0; i < config.imageCount; i++) { var startX = randomX(config); var startY = config.startOnScreen ? randomY(config) : -config.imageHeight; var name = config.prefix + i; writeImage(config.image, name, startX, startY); } } function cursorXY(e) { cursorX = msie ? (getViewXOffset() + event.clientX) : e.pageX; cursorY = msie ? (getViewYOffset() + event.clientY) : e.pageY; } function captureXY() { if (!msie) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = cursorXY; } function config() { this.xFudge = 0; this.yFudge = 0; this.updateInterval = 50; this.startOnScreen = true; this.imageCount = 1; }</script> <script language="javascript"> function updateBorderPatrol(c) { if (c.side == 0) { // top side if (c.direction) { moveLayer(c.prefix + 0, getLayerX(c.prefix + 0) + c.speedmove, getViewYOffset() + c.spacer); if (getLayerX(c.prefix + 0) + c.images[1] + c.speedmove >= getViewXOffset() + getViewWidth() - c.spacer - c.scrollbars) { c.side = 2; moveLayer(c.prefix + 2, getViewXOffset() + getViewWidth() - c.images[7] - c.spacer - c.scrollbars, getViewYOffset() + c.spacer); setVisible(c.prefix + 2, 1); setVisible(c.prefix + 0, 0); } } else { //counterclockwise moveLayer(c.prefix + 0, getLayerX(c.prefix + 0) - c.speedmove, getViewYOffset() + c.spacer); if (getLayerX(c.prefix + 0) - c.speedmove <= getViewXOffset() + c.spacer) { c.side = 1; moveLayer(c.prefix + 1, getViewXOffset() + c.spacer, getViewYOffset() + c.spacer); setVisible(c.prefix + 1, 1); setVisible(c.prefix + 0, 0); } } } else if (c.side == 1) { // left side if (c.direction) { moveLayer(c.prefix + 1, getViewXOffset() + c.spacer, getLayerY(c.prefix + 1) - c.speedmove); if (getLayerY(c.prefix + 1) - c.speedmove <= getViewYOffset() + c.spacer) { c.side = 0; moveLayer(c.prefix + 0, getViewXOffset() + c.spacer, getViewYOffset() + c.spacer); setVisible(c.prefix + 0, 1); setVisible(c.prefix + 1, 0); } } else { //counterclockwise moveLayer(c.prefix + 1, getViewXOffset() + c.spacer, getLayerY(c.prefix + 1) + c.speedmove); if (getLayerY(c.prefix + 1) + c.images[5] + c.speedmove >= getViewYOffset() + getViewHeight() - c.spacer) { c.side = 3; moveLayer(c.prefix + 3, getViewXOffset() + c.spacer, getViewYOffset() + getViewHeight() - c.images[11] - c.spacer); setVisible(c.prefix + 3, 1); setVisible(c.prefix + 1, 0); } } } else if (c.side == 2) { // right side if (c.direction) { moveLayer(c.prefix + 2, getViewXOffset() + getViewWidth() - c.images[7] - c.spacer - c.scrollbars, getLayerY(c.prefix + 2) + c.speedmove); if (getLayerY(c.prefix + 2) + c.images[8] + c.speedmove >= getViewYOffset() + getViewHeight() - c.spacer) { c.side = 3; moveLayer(c.prefix + 3, getViewXOffset() + getViewWidth() - c.images[10] - c.spacer - c.scrollbars, getViewYOffset() + getViewHeight() - c.images[11] - c.spacer); setVisible(c.prefix + 3, 1); setVisible(c.prefix + 2, 0); } } else { //counterclockwise moveLayer(c.prefix + 2, getViewXOffset() + getViewWidth() - c.images[7] - c.spacer - c.scrollbars, getLayerY(c.prefix + 2) - c.speedmove); if (getLayerY(c.prefix + 2) - c.speedmove <= getViewYOffset() + c.spacer) { c.side = 0; moveLayer(c.prefix + 0, getViewXOffset() + getViewWidth() - c.images[1] - c.spacer - c.scrollbars, getViewYOffset() + c.spacer); setVisible(c.prefix + 0, 1); setVisible(c.prefix + 2, 0); } } } else if (c.side == 3) { // bottom side if (c.direction) { moveLayer(c.prefix + 3, getLayerX(c.prefix + 3) - c.speedmove, getViewYOffset() + getViewHeight() - c.images[11] - c.spacer); if (getLayerX(c.prefix + 3) - c.speedmove <= getViewXOffset() + c.spacer) { c.side = 1; moveLayer(c.prefix + 1, getViewXOffset() + c.spacer, getViewYOffset() + getViewHeight() - c.images[5] - c.spacer); setVisible(c.prefix + 1, 1); setVisible(c.prefix + 3, 0); } } else { //counterclockwise moveLayer(c.prefix + 3, getLayerX(c.prefix + 3) + c.speedmove, getViewYOffset() + getViewHeight() - c.images[11] - c.spacer); if (getLayerX(c.prefix + 3) + c.images[10] + c.speedmove >= getViewXOffset() + getViewWidth() - c.spacer - c.scrollbars) { c.side = 2; moveLayer(c.prefix + 2, getViewXOffset() + getViewWidth() - c.images[7] - c.spacer - c.scrollbars, getViewYOffset() + getViewHeight() - c.images[8] - c.spacer); setVisible(c.prefix + 2, 1); setVisible(c.prefix + 3, 0); } } } setTimeout("updateBorderPatrol(c" + c.uid + ")", c.updateDelay); } </script>

<script language="javascript"> c835 = new config(); c835.prefix = "y_borderpatrol835"; c835.images = new Array("link.gif",34,41,"link.gif",34,41,"link.gif",34,41,"link.gif",34,41); // ตรงนี้ให้คุณใส่ตำแหน่งที่เก็บภาพครับ โดยตรงนี้ถ้าคุณต้องการให้เลื่อนไปเรื่อยๆโดยไม่เปลี่ยนรูปก็ให้ใส่ URL ภาพเหมือนกันให้หมดครับ เพราะ CODE นี้สามารถทำให้เปลี่ยนหนึ่งด้านเปลี่ยนได้ 1 รูปครับ c835.speedmove = 4; c835.spacer = 14; c835.direction = 1; c835.side = 0; c835.updateDelay = 50; c835.uid = 835; if (document.all) { c835.scrollbars = 0; } else { c835.scrollbars = 17; } for (i=0;i<4;i++) { writeImage(c835.images[i*3], c835.prefix + i, 0,-c835.images[i*3+2]); } moveLayer(c835.prefix + 0, getViewXOffset() + (getViewWidth() / 2) - (c835.images[1] / 2), getViewYOffset() + c835.spacer) setVisible(c835.prefix + 0, 1); if (c835.direction == 2) { // randomize direction if chosen c835.direction = random(2); c835.updateRandom = random(9000) + 2000; // min-2sec max-11sec setInterval("c835.direction = random(2)", c835.updateRandom); } if (c835.images[0] != "" && c835.images[3] != "" && c835.images[6] != "" && c835.images[9] != "") { updateBorderPatrol(c835); } </script>