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 ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>php爱好者|phpfans.net|---判断远程图片是否存在,否则替换成默认图片</title>
</head>
<body>
<p>判断远程图片是否存在,不存在的话替换成默认的 ......
在ajax没出来之前,一直是用iframe实现的无刷新请求。
主要的原理是:
使用js创建一个隐藏的iframe
把要提交的表单的target属性指向1中生成的iframe
在请求的页面中回调父页面的方法
这样就实现了一个简单的“异步提交”
看起来和ajax一样的效果,那为什么还要有ajax,我们来比较下:(以下把ajax技术称为X ......
在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。
我前段时间写的一篇文章就遇到过这种事情,后来用CSS的overflow和max-width属性暂时解决了页面变形的问题。这种方法好处是简单,但坏处是会破坏某些细节的效果。
如overflow:hidden ......