⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 可显示隐藏的层.txt

📁 网页特效的代码,在美化网页时有很大的作用
💻 TXT
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<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" 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>

<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>



</head>

<body bgcolor="#cccccc">
<p>&lt;html&gt;<br>
  &lt;head&gt;<br>
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;<br>
  &lt;title&gt;无标题文档&lt;/title&gt;<br>
  &lt;style&gt;<br>
  &lt;!--<br>
  .drag{position:relative;cursor:hand<br>
  }<br>
  #scontentmain{<br>
  position:absolute;<br>
  width:150px;<br>
  }<br>
  #scontentbar{<br>
  cursor:hand;<br>
  position:absolute;<br>
  background-color:green;<br>
  height:15;<br>
  width:100%;<br>
  top:0;<br>
  font: 9pt;<br>
  }<br>
  #scontentsub{<br>
  position:absolute;<br>
  width:100%;<br>
  top:15;<br>
  background-color:lightyellow;<br>
  border:2px solid green;<br>
  padding:1.5px;<br>
  }<br>
  --&gt;<br>
  &lt;/style&gt;</p>
<p>&lt;script language=&quot;JavaScript1.2&quot;&gt;<br>
  &lt;!--</p>
<p>var dragapproved=false<br>
  var zcor,xcor,ycor<br>
  function movescontentmain(){<br>
  if (event.button==1&amp;&amp;dragapproved){<br>
  zcor.style.pixelLeft=tempvar1+event.clientX-xcor<br>
  zcor.style.pixelTop=tempvar2+event.clientY-ycor<br>
  leftpos=document.all.scontentmain.style.pixelLeft-document.body.scrollLeft<br>
  toppos=document.all.scontentmain.style.pixelTop-document.body.scrollTop<br>
  return false<br>
  }<br>
  }<br>
  function dragscontentmain(){<br>
  if (!document.all)<br>
  return<br>
  if (event.srcElement.id==&quot;scontentbar&quot;){<br>
  dragapproved=true<br>
  zcor=scontentmain<br>
  tempvar1=zcor.style.pixelLeft<br>
  tempvar2=zcor.style.pixelTop<br>
  xcor=event.clientX<br>
  ycor=event.clientY<br>
  document.onmousemove=movescontentmain<br>
  }<br>
  }<br>
  document.onmousedown=dragscontentmain<br>
  document.onmouseup=new Function(&quot;dragapproved=false&quot;)<br>
  //--&gt;<br>
  &lt;/script&gt;<br>
  &lt;div id=&quot;scontentmain&quot;&gt;<br>
  &lt;div id=&quot;scontentbar&quot; onClick=&quot;onoffdisplay()&quot;  align=&quot;right&quot;&gt;<br>
  &lt;span size=1&gt;显示/隐藏&lt;/span&gt;<br>
  &lt;/div&gt;<br>
  &lt;div id=&quot;scontentsub&quot;&gt;<br>
  &lt;font face=&quot;Arial&quot;&gt;&lt;small&gt;&lt;small&gt;While we didn't invent JavaScript, we sure as hell<br>
  created the best site on IT. &lt;a href=&quot;http://www.1stscript.com&quot;&gt;First Script&lt;/a&gt; is<br>
  considered by many online as the definitive JavaScript technology site on the<br>
  internet. Online since December, 1997, &lt;a href=&quot;http://www.1stscript.com&quot;&gt;First Script&lt;/a&gt; features over 300+ original scripts, 100+<br>
  tutorials on JavaScript programming and web design, and a highly active programming forum<br>
  where developers from all over meet and share ideas on their latest projects. Click &lt;b&gt;&lt;a href=&quot;http://www.1stscript.com&quot;&gt;HERE&lt;/a&gt;&lt;/b&gt;<br>
  for JavaScript!&lt;/small&gt;&lt;/small&gt;&lt;/font&gt;&lt;/p&gt;<br>
  &lt;/div&gt;<br>
  &lt;/div&gt;</p>
<p>&lt;script language=&quot;JavaScript1.2&quot;&gt;</p>
<p>var w=document.body.clientWidth-195<br>
  var h=50<br>
</p>
<p>////Do not edit pass this line///////////<br>
  w+=document.body.scrollLeft<br>
  h+=document.body.scrollTop</p>
<p>var leftpos=w<br>
  var toppos=h<br>
  scontentmain.style.left=w<br>
  scontentmain.style.top=h</p>
<p>function onoffdisplay(){<br>
  if (scontentsub.style.display=='') <br>
  scontentsub.style.display='none'<br>
  else<br>
  scontentsub.style.display=''<br>
  }</p>
<p>function staticize(){<br>
  w2=document.body.scrollLeft+leftpos<br>
  h2=document.body.scrollTop+toppos<br>
  scontentmain.style.left=w2<br>
  scontentmain.style.top=h2<br>
  }<br>
  window.onscroll=staticize</p>
<p>&lt;/script&gt;</p>
<p>&nbsp;</p>
<p>&lt;/head&gt;</p>
<p>&lt;body bgcolor=&quot;#cccccc&quot;&gt;</p>
<p>&lt;/body&gt;<br>
  &lt;/html&gt;<br>
</p>

</body>
</html>

⌨️ 快捷键说明

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