Drag Animation(每次关闭效果不同的层)
编程技术 / houtizong 发布于 3年前 89
- 脚本说明:
把如下代码加入<body>区域中
<SCRIPT language=JavaScript1.2>
<!--
var x =0
var y=0
drag = 0
move = 0
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
function mouseUp() {
move = 0
}
function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.left)
clicktop = window.event.y - parseInt(dragObj.style.top)
dragObj.style.zIndex += 1
move = 1
}
}
function mouseMove() {
if (move) {
dragObj.style.left = window.event.x - clickleft
dragObj.style.top = window.event.y - clicktop
}
}
function mouseStop() {
window.event.returnValue = false
}
function Show(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "visible";
divid.filters.revealTrans.play();
}
function Hide(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealTrans.play();
}
//-->
</SCRIPT>
<DIV id=READ style="FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); LEFT: 100px; POSITION: absolute; TOP: 75px; WIDTH: 600px; Z-INDEX: 10">
<center>
<table width="90%" border=1 cellpadding="0" cellspacing="0" bordercolorlight="#5E9BF7" bordercolordark="#FFFFFF" >
<tr bgcolor="#ffedc8">
<td colspan="1"><DIV onmouseout=drag=0 onmouseover="dragObj=READ; drag=1;move=0">标题栏 </div></td>
<td width=1%><A href="javascript:void(Hide(READ))">■</A></td></tr>
<tr>
<td colspan="4" bgcolor=#cccccc>
<table width=100% border=0 cellspacing=4>
<tr>
<td>
<font color=Blue>一个可以拖动和关闭的层，有意思的是它每次关闭的效果都不一样。不信的话，你自己试试吧
</td></tr></table></td></tr>
</table>
</div>
请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];
文章归档
文章标签
友情链接
