新版泥客入口

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

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

文章来源: 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  阅读 2655 次   [关闭窗口] [打印本页]

相关文章: 近期热点:

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


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