📄 黑白背景度量器.txt

📁 JavaScript特效（新）这里有许多的JAVA特效.供学者参考
💻 TXT
字号:
<html>
<head>
<TITLE>Control all your special effects by dragable regulator-buttons</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

var isNav, isIE
var offsetX, offsetY
var selectedObj 

var schieneleft = 50
var schienetop = 30

var buttonleft = schieneleft+20
var buttonleft = schieneleft+20

var scalaleft = schieneleft+20
var scalaright = schieneleft+260

var scalawidth =scalaright-scalaleft

var buttontop = schienetop

if (parseInt(navigator.appVersion) >= 4) {
        if (navigator.appName == "Netscape") {
                isNav = true
        } else {
                isIE = true
        }
}

function setZIndex(obj, zOrder) {
        obj.zIndex = zOrder
}

function makeHexa(thiscol) {
    var colhex_left = Math.floor(thiscol/16)
    var colhex_right= thiscol-(colhex_left*16)
    if (colhex_left == 10) {colhex_left="A"}
    if (colhex_left == 11) {colhex_left="B"}
    if (colhex_left == 12) {colhex_left="C"}
    if (colhex_left == 13) {colhex_left="D"}
    if (colhex_left == 14) {colhex_left="E"}
    if (colhex_left == 15) {colhex_left="F"}  
    if (colhex_right == 10) {colhex_right="A"}
    if (colhex_right == 11) {colhex_right="B"}
    if (colhex_right == 12) {colhex_right="C"}
    if (colhex_right == 13) {colhex_right="D"}
    if (colhex_right == 14) {colhex_right="E"}
    if (colhex_right == 15) {colhex_right="F"}
    
    var colhex =""+colhex_left+colhex_right
    return colhex
}

function shiftTo(obj, x, y) {
        if (x<=scalaleft) {x=scalaleft}
        if (x>=scalaright) {x=scalaright}
        
        var colo =Math.floor((255/scalawidth*(x-scalaleft)))
        var hexacolo = makeHexa(colo)

        if (isNav) {
                obj.moveTo(x,buttontop)
        } else {
                obj.pixelLeft = x
                obj.pixelTop = buttontop
        }        
    document.bgColor=""+hexacolo+hexacolo+hexacolo
    window.status=""+hexacolo+hexacolo+hexacolo
}

function setSelectedElem(evt) {
        if (isNav) {
                var testObj
                var clickX = evt.pageX
                var clickY = evt.pageY
                for (var i = document.layers.length - 1; i >= 0; i--) {
                        testObj = document.layers[i]
                        if ((clickX > testObj.left) && 
                                (clickX < testObj.left + testObj.clip.width) && 
                                (clickY > testObj.top) && 
                                (clickY < testObj.top + testObj.clip.height) && (testObj.name=="schienebutton")) {
                                        selectedObj = testObj
                                        setZIndex(selectedObj, 100)
                                        return
                        }
                }
        } else {
                var imgObj = window.event.srcElement
                if (imgObj.parentElement.id.indexOf("schienebutton") != -1) {
                        selectedObj = imgObj.parentElement.style
                        setZIndex(selectedObj,100)
                        return
                }
        }
        selectedObj = null
        return
}

function dragIt(evt) {
        if (selectedObj) {
                if (isNav) {
                        shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
                } else {
                        shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
                        return false
                }
        }
}

function engage(evt) {
        setSelectedElem(evt)
        if (selectedObj) {
                if (isNav) {
                        offsetX = evt.pageX - selectedObj.left
                        offsetY = evt.pageY - selectedObj.top
                } else {
                        offsetX = window.event.offsetX
                        offsetY = window.event.offsetY
                }
        }
        return false
}

function release(evt) {
        if (selectedObj) {
                setZIndex(selectedObj, 0)
                selectedObj = null
        }
}

function setNavEventCapture() {
        if (isNav) {
                document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)
        }
}

function init() {
        if (document.layers) {
                document.schiene.left=schieneleft
                document.schiene.top=schienetop
                
                document.schienebutton.left=buttonleft
                document.schienebutton.top=buttontop
                
                setNavEventCapture()
        }       
        if (document.all) {
                document.all.schiene.style.posLeft=schieneleft
                document.all.schiene.style.posTop=schienetop
                
                document.all.schienebutton.style.posLeft=buttonleft
                document.all.schienebutton.style.posTop=buttontop
        }
        document.onmousedown = engage
        document.onmousemove = dragIt
        document.onmouseup = release
}
// - End of JavaScript - 

-->

</SCRIPT>

<style type="text/css">
        #schiene {position:absolute;left:-2000;top:50;}
        #schienebutton {position:absolute;left:-2000;top:50;}
        .baseline       {
                position:absolute;
                left:50px;
                top:220px;
        font-family:Arial;
        font-size:9pt;
                color:888888;
        }
</STYLE>
 
</HEAD> 
<BODY bgcolor="#000000" onLoad="init()"> 
<DIV ID="schiene"><IMG NAME="schienepic" SRC="base.gif"></DIV>
<DIV ID="schienebutton"><IMG NAME="schienebuttonpic" SRC="move.gif"></DIV>

<xmp>
<html>
<head>
<TITLE>Control all your special effects by dragable regulator-buttons</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

var isNav, isIE
var offsetX, offsetY
var selectedObj 

var schieneleft = 50
var schienetop = 30

var buttonleft = schieneleft+20
var buttonleft = schieneleft+20

var scalaleft = schieneleft+20
var scalaright = schieneleft+260

var scalawidth =scalaright-scalaleft

var buttontop = schienetop

if (parseInt(navigator.appVersion) >= 4) {
        if (navigator.appName == "Netscape") {
                isNav = true
        } else {
                isIE = true
        }
}

function setZIndex(obj, zOrder) {
        obj.zIndex = zOrder
}

function makeHexa(thiscol) {
    var colhex_left = Math.floor(thiscol/16)
    var colhex_right= thiscol-(colhex_left*16)
    if (colhex_left == 10) {colhex_left="A"}
    if (colhex_left == 11) {colhex_left="B"}
    if (colhex_left == 12) {colhex_left="C"}
    if (colhex_left == 13) {colhex_left="D"}
    if (colhex_left == 14) {colhex_left="E"}
    if (colhex_left == 15) {colhex_left="F"}  
    if (colhex_right == 10) {colhex_right="A"}
    if (colhex_right == 11) {colhex_right="B"}
    if (colhex_right == 12) {colhex_right="C"}
    if (colhex_right == 13) {colhex_right="D"}
    if (colhex_right == 14) {colhex_right="E"}
    if (colhex_right == 15) {colhex_right="F"}
    
    var colhex =""+colhex_left+colhex_right
    return colhex
}

function shiftTo(obj, x, y) {
        if (x<=scalaleft) {x=scalaleft}
        if (x>=scalaright) {x=scalaright}
        
        var colo =Math.floor((255/scalawidth*(x-scalaleft)))
        var hexacolo = makeHexa(colo)

        if (isNav) {
                obj.moveTo(x,buttontop)
        } else {
                obj.pixelLeft = x
                obj.pixelTop = buttontop
        }        
    document.bgColor=""+hexacolo+hexacolo+hexacolo
    window.status=""+hexacolo+hexacolo+hexacolo
}

function setSelectedElem(evt) {
        if (isNav) {
                var testObj
                var clickX = evt.pageX
                var clickY = evt.pageY
                for (var i = document.layers.length - 1; i >= 0; i--) {
                        testObj = document.layers[i]
                        if ((clickX > testObj.left) && 
                                (clickX < testObj.left + testObj.clip.width) && 
                                (clickY > testObj.top) && 
                                (clickY < testObj.top + testObj.clip.height) && (testObj.name=="schienebutton")) {
                                        selectedObj = testObj
                                        setZIndex(selectedObj, 100)
                                        return
                        }
                }
        } else {
                var imgObj = window.event.srcElement
                if (imgObj.parentElement.id.indexOf("schienebutton") != -1) {
                        selectedObj = imgObj.parentElement.style
                        setZIndex(selectedObj,100)
                        return
                }
        }
        selectedObj = null
        return
}

function dragIt(evt) {
        if (selectedObj) {
                if (isNav) {
                        shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
                } else {
                        shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
                        return false
                }
        }
}

function engage(evt) {
        setSelectedElem(evt)
        if (selectedObj) {
                if (isNav) {
                        offsetX = evt.pageX - selectedObj.left
                        offsetY = evt.pageY - selectedObj.top
                } else {
                        offsetX = window.event.offsetX
                        offsetY = window.event.offsetY
                }
        }
        return false
}

function release(evt) {
        if (selectedObj) {
                setZIndex(selectedObj, 0)
                selectedObj = null
        }
}

function setNavEventCapture() {
        if (isNav) {
                document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)
        }
}

function init() {
        if (document.layers) {
                document.schiene.left=schieneleft
                document.schiene.top=schienetop
                
                document.schienebutton.left=buttonleft
                document.schienebutton.top=buttontop
                
                setNavEventCapture()
        }       
        if (document.all) {
                document.all.schiene.style.posLeft=schieneleft
                document.all.schiene.style.posTop=schienetop
                
                document.all.schienebutton.style.posLeft=buttonleft
                document.all.schienebutton.style.posTop=buttontop
        }
        document.onmousedown = engage
        document.onmousemove = dragIt
        document.onmouseup = release
}
// - End of JavaScript - 

-->

</SCRIPT>

<style type="text/css">
        #schiene {position:absolute;left:-2000;top:50;}
        #schienebutton {position:absolute;left:-2000;top:50;}
        .baseline       {
                position:absolute;
                left:50px;
                top:220px;
        font-family:Arial;
        font-size:9pt;
                color:888888;
        }
</STYLE>
 
</HEAD> 
<BODY bgcolor="#000000" onLoad="init()"> 
<DIV ID="schiene"><IMG NAME="schienepic" SRC="base.gif"></DIV>
<DIV ID="schienebutton"><IMG NAME="schienebuttonpic" SRC="move.gif"></DIV>

</BODY> 
</HTML>

</xmp>
</BODY> 
</HTML>
💿 文件大小 1486 K
👤 上传用户 yuexiaolin12345
📂 所属分类 Java书籍
🏷️ 相关标签

#JavaScript #JAVA
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -