hujingjian 发表于 2007-4-27 11:01:18

***页面导航***可移动的显示层

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
<html>
<head>
<title>可移动的显示层</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>

<body   bgcolor=#ffffff>
<!-------------------------------->
<style>
<!--

/*post-it note script- by wsabstract.com
visit website abstraction (http://jojoo.net) for script
credit must stay intact for use*/

#postit{
position:absolute;
width:250;
padding:5px;
background-color:lightyellow;
border:1px solid black;
visibility:hidden;
z-index:100;
cursor:hand;
}

-->
</style>
<div id="postit" style="left:150px;top:150px">
<div align="right"><b><a href="javascript:closeit()">[关闭]</a></b></div>

<b>jojoo.net:</b><br>
<p><font size="2" face="arial"><a href="http://www.jojoo.net" target="_new">经典实例、教程库<br>
</a>汇聚网界最多的网页特效之家@!</font></p>
</div>

<script>

//post-it only once per browser session? (0=no, 1=yes)
//specifying 0 will cause postit to display every time page is loaded
var once_per_browser=0

///no need to edit beyond here///

var ns4=document.layers
var ie4=document.all
var ns6=document.getelementbyid&&!document.all

if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getelementbyid("postit") : document.all.postit


function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
}

function get_cookie4(name) {
var search = name + "="
var returnvalue = "";
if (document.cookie4.length > 0) {
    offset = document.cookie4.indexof(search)
    if (offset != -1) { // if cookie4 exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie4.indexof(";", offset);
      // set index of end of cookie4 value
      if (end == -1)
         end = document.cookie4.length;
      returnvalue=unescape(document.cookie4.substring(offset, end))
      }
   }
return returnvalue;
}

function showornot(){
if (get_cookie4('postdisplay')==''){
showit()
document.cookie4="postdisplay=yes"
}
}

function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"
}

if (once_per_browser)
showornot()
else
showit()

</script>

<script language="javascript1.2">

//drag drop function for ie4+ and ns6////
/////////////////////////////////

function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientx-offsetx
crossobj.style.top=tempy+event.clienty-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientx-offsetx
crossobj.style.top=tempy+e.clienty-offsety
return false
}
}

function initializedrag(e){
if (ie4&&event.srcelement.id=="postit"||ns6&&e.target.id=="postit"){
offsetx=ie4? event.clientx : e.clientx
offsety=ie4? event.clienty : e.clienty

tempx=parseint(crossobj.style.left)
tempy=parseint(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new function("dragapproved=false")

</script>
<!---------------------------------->
</body>
</html>

      










------------------- - ------------------

h ttp:/ /www.huoy ue.co m.cn 活跃网,活跃人群的论坛,访问活跃网,将给您带来意想不 到的收 获,还可以免费为您开论坛,让您免费拥 有与朋友、网 友交流的论坛。你 是年 轻人吗?你活跃你就上!
页: [1]
查看完整版本: ***页面导航***可移动的显示层