【e天下游】 【技术部落】 【FALSH专区】 【QQ世界专区】 〖明星靓照〗 QQ空间 〖黑客技术〗 〖QQ技术〗 〖免费网址大全〗
| 添加主页到收藏夹 | 把此页设为首页
Google
      
发新话题
打印

可以展合的层

可以展合的层

<html>

<head>
<meta http-equiv="Content-Type" c>
<title>网页特效|Linkweb.cn/Js|---可以展合的层</title>

<body>

<style>
<!--
.drag{position:relative;cursor:hand
}
#scontentmain{
position:absolute;
width:150px;
}
#scontentbar{
cursor:hand;
position:absolute;
background-color:green;
height:15;
width:100%;
top:0;
font: 9pt;
}
#scontentsub{
position:absolute;
width:100%;
top:15;
background-color:lightyellow;
border:2px solid green;
padding:1.5px;
}
-->
</style>

<script language="JavaScript1.2">
<!--

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"   align="right">
<b><font color="#FFFFFF">
<span size=1>显示/隐藏</span>
</font></b>
</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. 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 <b>HERE</b>
for JavaScript!</small></small></font></p>
</div>
</div>

<script language="JavaScript1.2">

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>


</body>

</html>


我就是我!! 天下没有免费的午餐!所以顶一下!
╔╩═══╗╔════╗╔════╗╔════╗            
║支持楼主╠╣再接再厉╠╣燕过留声╠╣人过留帖║           
╚◎══◎╝╚◎══◎╝╚◎══◎╝╚◎══◎╝

TOP

发新话题