90、可移动的显示层

90、可移动的显示层

脚本说明:

把如下代码加入<body>区域中

<style>

<!--

 

/*Post-it note script- by Wsabstract.com

Visit Website Abstraction (http://wsabstract.com) 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>网页特效代码:</b><br>

<p><font size="2" face="Arial"><a href="http://www.7stk.com" 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>

Write a comment

Comments: 0