- 浏览: 468140 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
a115962262:
谢谢小伙伴,还好有你,拿回去试试,要兼容windos和linu ...
hyperic-sigar-1.6.4 java获取软硬件相关信息 -
东辉VS风行:
东辉VS风行 写道写的很好,没看懂的就要自己多看些书,别喷楼主 ...
extjs4 异步树的写法 -
东辉VS风行:
写的很好,没看懂的就要自己多看些书,别喷楼主 我感觉楼主写的 ...
extjs4 异步树的写法 -
546968662:
博主给解释一下异步请求时为什么会带上节点参数id
extjs4 异步树的写法 -
amwons:
谢谢了!这东西还真不好找。
hyperic-sigar-1.6.4 java获取软硬件相关信息
<style>
#div1 {
float: left;
padding: 5px;
margin: 10px;
background: #FFF;
border: 1px solid #c51100;
width: 250px;
height:480px;
}
#div2{
float: left;
padding: 5px;
margin: 10px;
background: #FFF;
border: 1px solid #c51100;
width: 250px;
height:480px;
}
</style>
<DIV id=ctl04_ddlSalesMan style="Z-INDEX: 3; WIDTH:200px" value text>
<INPUT id=ctl04_ddlSalesMan_valueField type=hidden name=ctl04_ddlSalesMan_valueField>
<TABLE id=ctl04_ddlSalesMan_tblRefControl cellSpacing=0 cellPadding=0 width="100%" border=0 unselectable="on">
<TBODY>
<TR>
<TD unselectable="on">
<INPUT id=ctl04_ddlSalesMan_textField style="WIDTH: 100%" name=ctl04_ddlSalesMan_textField autocomplete="off">
</TD>
<TD width=34 unselectable="on">
<IMG id=ctl04_ddlSalesMan_imgNew style="WIDTH: 17px; HEIGHT: 16px" src="images/RefControlNew.gif"><IMG id=ctl04_ddlSalesMan_img style="WIDTH: 17px; HEIGHT: 16px" src="images/RefControlSearch.gif" onclick='popDiv();'>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<script>
/**
*弹出层
*/
function popDiv()
{
var msgw,msgh,bordercolor;
msgw=600;//提示窗口的宽度
msgh=500;//提示窗口的高度
titleheight=25 //提示窗口标题高度
bordercolor="#c51100";//提示窗口的边框颜色
titlecolor="#c51100";//提示窗口的标题颜色
var sWidth,sHeight;
sWidth=screen.width;
sHeight=screen.height;
//创建阴影层
var bgObj=document.createElement("div");
bgObj.setAttribute('id','bgDiv');
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#cccccc";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
bgObj.style.opacity="0.6";
bgObj.style.left="0";
bgObj.style.width=sWidth + "px";
bgObj.style.height=sHeight + "px";
bgObj.style.zIndex = "10000";
document.body.appendChild(bgObj);
//创建弹出层
var msgObj=document.createElement("div")
msgObj.setAttribute("id","msgDiv");
msgObj.setAttribute("align","center");
msgObj.style.background="white";
msgObj.style.border="1px solid " + bordercolor;
msgObj.style.position = "absolute";
msgObj.style.left = "50%";
msgObj.style.top = "50%";
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObj.style.marginLeft = "-225px" ;
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
msgObj.style.width = msgw + "px";
msgObj.style.height =msgh + "px";
msgObj.style.textAlign = "center";
msgObj.style.lineHeight ="25px";
msgObj.style.zIndex = "10001";
var title=document.createElement("h4");
title.setAttribute("id","msgTitle");
title.setAttribute("align","right");
title.style.margin="0";
title.style.padding="3px";
title.style.background=bordercolor;
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity="0.75";
title.style.border="1px solid " + bordercolor;
title.style.height="18px";
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
title.style.color="white";
title.style.cursor="pointer";
title.innerHTML="关闭";
title.onclick=function(){
document.body.removeChild(bgObj);
document.getElementById("msgDiv").removeChild(title);
document.body.removeChild(msgObj);
}
document.body.appendChild(msgObj);
document.getElementById("msgDiv").appendChild(title);
var main=document.createElement("div");
main.setAttribute('id','mainDiv');
main.style.width = msgw + "px";
main.style.height =msgh + "px";
main.setAttribute("align","center");
main.innerHTML="<div id='div1'></div><div id='div2'></div>";
document.getElementById("msgDiv").appendChild(main);
drag("msgDiv",1);
}
/**
*拖动效果
*/
function drag(o,s)
{
if (typeof o == "string") o = document.getElementById(o);
o.orig_x = parseInt(o.style.left) - document.body.scrollLeft;
o.orig_y = parseInt(o.style.top) - document.body.scrollTop;
o.orig_index = o.style.zIndex;
o.onmousedown = function(a)
{
this.style.cursor = "move";
this.style.zIndex = 10000;
var d=document;
if(!a)a=window.event;
var x = a.clientX+d.body.scrollLeft-o.offsetLeft;
var y = a.clientY+d.body.scrollTop-o.offsetTop;
d.ondragstart = "return false;"
d.onselectstart = "return false;"
d.onselect = "document.selection.empty();"
if(o.setCapture)
o.setCapture();
else if(window.captureEvents)
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
d.onmousemove = function(a)
{
if(!a)a=window.event;
o.style.left = a.clientX+document.body.scrollLeft-x;
o.style.top = a.clientY+document.body.scrollTop-y;
o.orig_x = parseInt(o.style.left) - document.body.scrollLeft;
o.orig_y = parseInt(o.style.top) - document.body.scrollTop;
}
d.onmouseup = function()
{
if(o.releaseCapture)
o.releaseCapture();
else if(window.captureEvents)
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
d.onmousemove = null;
d.onmouseup = null;
d.ondragstart = null;
d.onselectstart = null;
d.onselect = null;
o.style.cursor = "normal";
o.style.zIndex = o.orig_index;
}
}
if (s)
{
var orig_scroll = window.onscroll?window.onscroll:function (){};
window.onscroll = function ()
{
orig_scroll();
o.style.left = o.orig_x + document.body.scrollLeft;
o.style.top = o.orig_y + document.body.scrollTop;
}
}
}
</script>
发表评论
-
node安装
2021-07-03 19:14 1538node安装 node -v npm -v npm ... -
SHELL脚本判断某端口是否被占用
2021-07-04 10:50 1008#!/bin/bash #检查8080端口是否被占用,如 ... -
Uncaught DOMException:
2021-06-27 11:53 1970<listener> & ... -
jQuery插件的开发
2016-08-13 00:12 756jQuery插件的开发包括两种: 一种是类级别的插件 ... -
js跨域问题解决
2021-06-25 07:56 1713这里说的js跨域是指通过js在不同的域之间进行数据传 ... -
JS捕获窗口关闭事件
2021-05-30 10:46 888<script type="text/ja ... -
HTML禁止网页文字复制,禁止查看源代码
2021-05-30 10:44 10071,禁止复制 放在任意位置 <scri ... -
js 控制文本框中特殊字符的输入
2021-05-27 21:07 360<script> function v ... -
如何与人交往4
2021-05-16 10:33 908人际交往讲究互动性,需要“你情我愿”,一方发出信息,另一方要有 ... -
JS的正则表达式
2021-05-10 22:51 468JS的正则表达式(preview ... -
jquery使用总结
2021-05-10 22:50 435随着WEB2.0及ajax思想在 ... -
浏览器最大化问题
2012-03-01 11:32 1156方式一 1、js <SCRIPT LANGUA ... -
正则表达式验证时间闰年问题
2012-02-29 17:26 1545如果单纯用正则的话,去掉第一个/和最后的/ig简单的日期格式验 ... -
js生成xml文件,兼容ie和firefox
2011-08-29 16:21 3109<script> function create ... -
javascript实现另存为对话框
2011-08-12 16:46 4407<html> <head> ... -
JavaScript--execCommand指令集
2011-08-12 16:41 1173<HTML> <HEAD&g ... -
ocx插件被隐藏会自动启动Microsoft Visual Studio 2005进行调试
2011-07-26 19:37 1556页面中中引用ocx插件的方法如下: <div id ... -
如何去掉链接的虚线框
2011-07-13 18:47 854当一个链接得到焦点时 ... -
如何用html实现圆形云台
2011-07-13 18:42 2771首先制作出来一张圆形云台的图片,使用该图片作为div 的背景图 ... -
IE6下Png透明最佳解决方案(推荐) Unit PNG Fix
2011-07-13 17:06 1399).下载unitpngfix.zip然后,添加下面的代码到你页 ...
相关推荐
QML弹出窗口组件,灯箱效果、动画效果,可拖拽 核心思路:一个mask层,一个最顶层,都用rectangle,禁止事件穿透,动画效果 http://www.cnblogs.com/surfsky/p/3998391.html
js可拖拽最大最小化弹出层窗口是一款窗口可以拖动,可以通过八个方向改变大小,可以最小化、最大化、还原、关闭,支持限制窗口最小宽度高度。
js弹出层特效点击按钮弹出窗口支持鼠标拖动
js实现拖动关闭的浮动窗口,一个浮动层插件代码,可任意拖动位置并关闭弹出窗口,是基于Div的浮动层效果,十分的漂亮和实用,具体的功能,官方描述如下: ① 窗口可以拖动; ② 窗口可以通过八个方向改变大小...
模拟一个弹出可拖动的层窗口源码(效果超酷) 模拟一个弹出可拖动的层窗口源码(效果超酷)
Jquery弹出div层窗口以及div屏幕居中, 背景滤镜效果, div拖拽效果 在IE和FireFox测试通过!
1.可拖动,默认窗口居中 2.可以自定义弹出层大小 3.背景变暗,不可编辑 4.边框半透明,圆角,内容部分不透明。 5.兼容IE、chrome、firefox等
popupWindow.js是一款jQuery弹出层窗口插件。该插件能够轻松的制作弹出层模态窗口效果。弹出的窗口支持最大化、最小化、拖拽、改变尺寸等功能。
div+css设计的弹出层,实现弹出层随鼠标的点击拖拽,可以在窗体内随意移动。
支持拖拽的jQuery层弹出窗口.rar支持拖拽的jQuery层弹出窗口.rar支持拖拽的jQuery层弹出窗口.rar
本文实例为大家分享JavaScript弹出拖拽窗口的具体实现代码,供大家参考,具体内容如下 需求说明: 1、点击页面按钮,弹出窗口; 2、要有半透明背景遮罩; 3、弹出窗口圆角,窗口半透明,但内容不透明;带阴影...
js可拖拽最大最小化弹出层窗口可通过八个方向改变大小.zip
点击`iframe弹出层`链接,即可在本页弹出另一个加载的网页,该网页为umeditor.html,是一个百度开源的编辑器。运用了CSS,jquery,iframe。
一个弹出课拖动的div层窗口,界面简单漂亮大气,各种颜色。适合网站开发
此文件实现的功能是鼠标点击文字弹出div,别且div可拖动,代码简单易懂,拿上就可以直接使用。
弹出层的拖动,选中窗口的标题栏后,随意拖动。
在父窗口内弹出可拖动的Div 。可以最大化,最小化。关闭。