可移动的显示层

稿源：互联网 2022-05-17 08:11:07 点击： 479 撤稿纠错

可移动与关闭的显示层效果，阿里西西网页特效收集。

以下讨论的是和移动特效相关的可移动的显示层教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<title>可移动的显示层</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head> 
<body   bgcolor=#FFFFFF  >

<style>
<!--

#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>free.alixixi.com:</b><br>
<p><font size="2" face="Arial"><a href="http://free.alixixi.com" target="_new">经典实例、教程库<br>
</a>汇聚网界最多的网页特效之家@！</font></p>
</div>

//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 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>

//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>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于可移动的显示层的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807152606.shtml方便下次再访问哦。

·上一篇： 带超链接滚动显示文字的公告栏
·下一篇： 打字机打彩色文字

可移动的显示层

文章分类LIST >>返回首页

最新游戏

最新新闻