无标题文档

显示/隐藏

While we didn't invent JavaScript, we sure as hell created the best site on IT. First Script is considered by many online as the definitive JavaScript technology site on the internet. Online since December, 1997, First Script features over 300+ original scripts, 100+ tutorials on JavaScript programming and web design, and a highly active programming forum where developers from all over meet and share ideas on their latest projects. Click HERE for JavaScript!

使用提示

可显示隐藏的层

演示效果：点击拖动浮动的条块

代码提示：将下面代码复制到<BODY>区

var dragapproved=false
var zcor,xcor,ycor
function movescontentmain(){
if (event.button==1&&dragapproved){
zcor.style.pixelLeft=tempvar1+event.clientX-xcor
zcor.style.pixelTop=tempvar2+event.clientY-ycor
leftpos=document.all.scontentmain.style.pixelLeft-document.body.scrollLeft
toppos=document.all.scontentmain.style.pixelTop-document.body.scrollTop
return false
}
}
function dragscontentmain(){
if (!document.all)
return
if (event.srcElement.id=="scontentbar"){
dragapproved=true
zcor=scontentmain
tempvar1=zcor.style.pixelLeft
tempvar2=zcor.style.pixelTop
xcor=event.clientX
ycor=event.clientY
document.onmousemove=movescontentmain
}
}
document.onmousedown=dragscontentmain
document.onmouseup=new Function("dragapproved=false")
//-->
</script>
<div id="scontentmain">
<div id="scontentbar" onClick="onoffdisplay()"  align="right">
<span size=1>显示/隐藏</span>
</div>
<div id="scontentsub">
<font face="Arial"><small><small>While we didn't invent JavaScript, we sure as hell
created the best site on IT. <a href="http://www.1stscript.com">First Script</a> is
considered by many online as the definitive JavaScript technology site on the
internet. Online since December, 1997, <a href="http://www.1stscript.com">First Script</a> features over 300+ original scripts, 100+
tutorials on JavaScript programming and web design, and a highly active programming forum
where developers from all over meet and share ideas on their latest projects. Click <b><a href="http://www.1stscript.com">HERE</a></b>
for JavaScript!</small></small></font></p>
</div>
</div>

var w=document.body.clientWidth-195
var h=50

////Do not edit pass this line///////////
w+=document.body.scrollLeft
h+=document.body.scrollTop

var leftpos=w
var toppos=h
scontentmain.style.left=w
scontentmain.style.top=h

function onoffdisplay(){
if (scontentsub.style.display=='') 
scontentsub.style.display='none'
else
scontentsub.style.display=''
}

function staticize(){
w2=document.body.scrollLeft+leftpos
h2=document.body.scrollTop+toppos
scontentmain.style.left=w2
scontentmain.style.top=h2
}
window.onscroll=staticize

</script>

使用提示　　　返回目录