JavaScript 鼠标拖拽进行快速产品分类效果
代码示例
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<mce:style><!--
.man{ float:left; background:#9af; margin:3px; padding:3px; cursor:default}
--></mce:style><style mce_bogus="1">.man{ float:left; background:#9af; margin:3px; padding:3px; cursor:default}</style>
<body>
<div>
未分类
<div style="width:500px; height:30px; border:#69f solid 1px; margin:3px"><input>
<div onmousedown=mdv() class="man">aaa</div>
<div onmousedown=mdv() class="man">bbb</div>
<div onmousedown=mdv() class="man">ccc</div>
</div>
分类1:<div style="width:500px; height:20px; border:#69f solid 1px; margin:3px" ><input></div>
分类2:<div style="width:500px; height:20px; border:#69f solid 1px; margin:3px" ><input></div>
分类3:<div style="width:500px; height:20px; border:#69f solid 1px; margin:3px" ><input></div>
分类4:<div style="width:500px; height:20px; border:#69f solid 1px; margin:3px" ><input></div>
</div>
<div style="width:500px; height:20px; border:#69f solid 1px; margin:3px" ></div>
<input id=tt><a href="">123</a>
<mce:script type="text/javascript"><!--
function getOffset(obj,isLeftOffset)
{
var offsetValue=0;
while(obj!=null)
{
offsetValue+=obj["offset"+(isLeftOffset?"Left":"Top")];
obj=obj.offsetParent
}
return offsetValue
}
function mdv()
{
obj=event.srcElement
obj.style.position="absolute"
if(event.button==2 ||event.button==0) return;
obj.p=obj.parentNode.parentNode.childNodes
obj.nowp=obj.parentNode
obj.nowp.style.background='#faa'
obj.DS_x=25;
obj.DS_y=15;
obj.setCapture();
obj.moving=true;
obj.onmousemove=function()
{
if(event.button==1&obj.moving)
{
var X=obj.style.pix
相关文档:
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
通常javascript代码可以与HTML标签一起直接放在前端页面中,但如果JS代码多的话一方面不利于维护,另一方面也对搜索引擎不友好,因
为页面因此而变得臃肿;所以一般有良好开发习惯的程序员都会把javascript代码放到独立的js文件中,其他页面通过引入该js文件来使用相应的
javascript代码。
今天在做一个小新闻系统的管理 ......
转载理由:短小精悍。
来源:互联网
一 Undefined 类型
只有一种值 undefined
以下三种情况typeof 返回类型为undefined
1. 当变量未初始化时
2. 变量未定义时
3. 函数无明确返回值时(函数没有返回值时返回的都是undefined)
undefined 并不等同于未定义的值
typeof 并不真正区分是否是未定义
看以下示例 ......
javascript中的null和undefined
本文装载网络,版权归原作者所有。
null :表示无值;
undefined : 表示一个未声明的变量,
或已声明但没有赋值的变量,
&nb ......