新版泥客入口

首页 | 新闻 | 网址 | 博客 | 科技 | 非凡 | 杂烩 | 掉牙 | 美图 | 文集 | 扯淡 | 精屁 | 商务 | 网页制作 | 论坛

 
   泥客网>>网页制作  
 
 
  可移动、可关闭、可导航的显示层

文章来源: BBS.KESONIC.COM

<style>
<!--
#postit{
position:absolute;
width:200;
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>
<p><font size="2" face="Arial"><a href="" target="_new">WWW.KESONIC.COM<br>
</a>泥客网!</font></p>
</div>
<script>
var once_per_browser=0
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>

  2006/4/16 20:51:48  阅读 2421 次   [关闭窗口] [打印本页]

相关文章: 近期热点:

视频播放代码(real player) (4548)
控制网页中字体大小的简单方法(锁定... (4537)
根据时间变换的提示信息 (4492)
环绕转动的欢迎标语代码 (4482)
视频播放代码(windows me... (4404)


一些简单实用的HTML代码 (5170)
收集了一些有关网页设计的问题集 (4796)
40种网页常用小技巧(JavaSc... (4675)
视频播放代码(real player) (4548)
控制网页中字体大小的简单方法(锁定... (4537)
根据时间变换的提示信息 (4492)
环绕转动的欢迎标语代码 (4482)
视频播放代码(windows me... (4404)
做网站的必要准备↑
关于Kesonic.com - 站内搜索 - 泥客论坛 - 泥客留言 - 泥客简介 - 网站地图 - 管理
  Copyright 2002-2011 泥客网—小轲之家 All Rights Reserved