`
gyfmp5
  • 浏览: 96659 次
社区版块
存档分类
最新评论

[javascript]拖动层的代码,来自mambo模板tleone_mambocurve

    博客分类:
  • ajax
阅读更多
发现一个超多特效javascript的网站

www.dynamicdrive.com
拖动层的代码,来自mambo模板tleone_mambocurve

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style>
.drag{
width: 100px; height: 300px; border: 1px solid blue;
font:12px verdana;
position: absolute;
}
</style>
<script language="javascript" type="text/javascript">
<!--
var ie=document.all
var ns6=document.getElementById&&!document.all

var dragapproved=false
var z,x,y

function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}

function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.className=="drag"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")

//-->
</script>
</head>

<body>
<div class="drag">

</div>
</body>
</html>


分享到:
评论

相关推荐

    VirtueMart_1.0.6-COMPLETE_PACKAGE-Mambo.zip_Mambo

    1. **Mambo CMS**:Mambo 是一款开源的CMS,它提供了丰富的模板和扩展,使得非技术人员也能创建和管理复杂的网站。VirtueMart 是其扩展之一,为Mambo增添了电子商务特性。 2. **VirtueMart 插件**:这个版本是1.0.6...

    Mambo v4.5.4 全球版_mambo4_global_CMS程序开发模板(使用说明+源代码+html).zip

    对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步...

    mambo 网站模板

    这些模板通常包括HTML、CSS、JavaScript和其他相关文件,它们定义了页面布局、颜色方案、字体样式等元素,使用户能够快速地应用到自己的Mambo网站上,以达到美观且符合品牌风格的效果。 描述中的“几个很不错的...

    [CMS程序]Mambo v4.5.4 全球版_mambo4_global.zip

    Mambo在2006年与Joomla分道扬镳,Joomla是从Mambo源代码分支出来的一个独立项目,但Mambo v4.5.4是它作为一个独立CMS的后期版本。 **Mambo v4.5.4 特点:** 1. **全球化支持**:"全球版"表明这个版本具有广泛的多...

    Mambo 4.6.5_mambov4.6.5_CMS程序开发模板(使用说明+源代码+html).zip

    对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步...

    [CMS程序]Mambo 4.6.5_mambov4.6.5.zip

    - "Mambo 4.6.5_mambov4.6.5.zip"文件中可能包含了Mambo CMS的全部源代码,包括核心文件、模板、模块、插件和数据库脚本。 - 安装Mambo通常涉及上传这些文件到服务器,然后通过Web浏览器进行在线安装,这包括设置...

    基于CMS实现的Mambo v4.5.4 全球版_mambo4_global(使用说明+源代码+html).zip

    对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步...

    基于CMS实现的Mambo v4.5.4 全球版_mambo4_global(使用说明+源代码+html+毕业设计).zip

    对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步...

    基于CMS实现的Mambo 4.6.5_mambov4.6.5(使用说明+源代码+html).zip

    对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步...

Global site tag (gtag.js) - Google Analytics