网友留言 - 会员中心 -
┆ 首页 ┆ 行业资讯 ┆ 网页教程 ┆ 网站运营 ┆ 服务器 ┆ 特效源码 ┆ 资源下载 ┆ 图片素材 ┆ 免费资源 ┆ 广告联盟 ┆ 酷站欣赏 ┆
供稿：佚名 ┆ 来源：网络收集 ┆ 阅读： ┆ 更新：2009-2-21 19:20:46
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>站长启航学院<a class="channel_keylink" href="http://www.cn06.cn/Java/Index.html">网页特效</a>演示，可以展合的层</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" onClick="onoffdisplay()" align="right"> <b><font color="#FFFFFF"> <span size=1>显示/隐藏</span> </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></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> <a href="http://www.cn06.cn/Dev/HTML/jsrun/">欢迎访问站长启航学院网页特效集</a>
文章关键字：
Copyright © 2000-2011 Www.Cn06.Cn All rights reserved. 蓉华设计网络 晋ICP备05002875号
本站空间提供：IDC8数据中心 站长资源交流QQ群：4663525 中国站长启航学院(Cn06.Cn) 为新站长提供建站初始源动力
