- 浏览: 674222 次
- 性别:
- 来自: 安徽
文章分类
- 全部博客 (252)
- Html/Div+CSS (12)
- Js/Jquery (34)
- Flex (2)
- Ajax (3)
- Java (35)
- C# (15)
- Spring (16)
- Hibernate (13)
- Struts2 (12)
- Struts1 (7)
- DWR (1)
- iBatis/myBatis (9)
- Tag(JSTL、EL) (1)
- Android (44)
- SQL (7)
- SEO (7)
- Exception (3)
- Tool (10)
- Other (3)
- WebService (9)
- Apache (7)
- Ext (0)
- Utils (12)
- thinking in programme (2)
- Hadoop (0)
- ActiveMQ (0)
- HTML5/CSS3 (0)
- WPF (1)
- NodeJs (1)
- 设计模式 (0)
- 程序人生 (1)
- 随笔 (1)
- Linux (1)
- Load Balance (0)
最新评论
-
drinkjava2:
太复杂了而且不通用,利用ThreadLocal可完美解决这一问 ...
JDBC的多条件动态查询 -
u013107014:
multipartRequest.getFiles(" ...
多文件上传 by MultipartFile and Multiple -
liyys:
可惜没讲你mysql数据库的表的设计
iBatis入门 -
Mapple_leave:
效果还是挺不错的,谢谢了。
中文简体与繁体的转换 -
arcpad:
JS禁用浏览器退格键
摘自网络
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>行拖动</title> <script> window.onload = function() { //绑定事件 var addEvent = document.addEventListener ? function(el, type, callback) { el.addEventListener(type, callback, !1); } : function(el, type, callback) { el.attachEvent("on" + type, callback); } //判定对样式的支持 var getStyleName = (function() { var prefixes = [ '', '-ms-', '-moz-', '-webkit-', '-khtml-', '-o-' ]; var reg_cap = /-([a-z])/g; function getStyleName(css, el) { el = el || document.documentElement; var style = el.style, test; for ( var i = 0, l = prefixes.length; i < l; i++) { test = (prefixes[i] + css).replace(reg_cap, function($0, $1) { return $1.toUpperCase(); }); if (test in style) { return test; } } return null; } return getStyleName; })(); var userSelect = getStyleName("user-select"); //精确获取样式 var getStyle = document.defaultView ? function(el, style) { return document.defaultView.getComputedStyle(el, null) .getPropertyValue(style) } : function(el, style) { style = style.replace(/\-(\w)/g, function($, $1) { return $1.toUpperCase(); }); return el.currentStyle[style]; } var dragManager = { y : 0, dragStart : function(e) { e = e || event; var handler = e.target || e.srcElement; if (handler.nodeName === "TD") { handler = handler.parentNode; dragManager.handler = handler; if (!handler.getAttribute("data-background")) { handler.setAttribute("data-background", getStyle( handler, "background-color")) } //显示为可移动的状态 handler.style.backgroundColor = "#ccc"; handler.style.cursor = "move"; dragManager.y = e.clientY; //★★★★★★★★★★★★★★★★★★★★ if (typeof userSelect === "string") { return document.documentElement.style[userSelect] = "none"; } document.unselectable = "on"; document.onselectstart = function() { return false; } //★★★★★★★★★★★★★★★★★★★★ } }, draging : function(e) {//mousemove时拖动行 var handler = dragManager.handler; if (handler) { e = e || event; var y = e.clientY; var down = y > dragManager.y;//是否向下移动 var tr = document.elementFromPoint(e.clientX, e.clientY); if (tr && tr.nodeName == "TD") { tr = tr.parentNode dragManager.y = y; if (handler !== tr) { tr.parentNode.insertBefore(handler, (down ? tr.nextSibling : tr)); } } ; } }, dragEnd : function() { var handler = dragManager.handler if (handler) { handler.style.backgroundColor = handler .getAttribute("data-background"); handler.style.cursor = "default"; dragManager.handler = null; } //★★★★★★★★★★★★★★★★★★★★ if (typeof userSelect === "string") { return document.documentElement.style[userSelect] = "text"; } document.unselectable = "off"; document.onselectstart = null; //★★★★★★★★★★★★★★★★★★★★ }, main : function(el) { addEvent(el, "mousedown", dragManager.dragStart); addEvent(document, "mousemove", dragManager.draging); addEvent(document, "mouseup", dragManager.dragEnd); } } var el = document.getElementById("table"); dragManager.main(el); } </script> <style> .table { width: 60%; border: 1px solid green; border-collapse: collapse; } .table td { border: 1px solid green; height: 20px; } </style> </head> <body> <h1>行拖动</h1> <table id="table" class="table"> <tbody> <tr> <td>1</td> <td>第一行</td> </tr> <tr id="2"> <td class="2">2</td> <td>第二行</td> </tr> <tr id="3"> <td class="3">3</td> <td>第三行</td> </tr> <tr id="4"> <td class="4">4</td> <td>第四行</td> </tr> <tr id="5"> <td class="5">5</td> <td>第五行</td> </tr> <tr id="6"> <td class="6">6</td> <td>第六行</td> </tr> </tbody> </table> </body> </html>
发表评论
-
js怎么控制textarea滚动条定位在光标的位置
2014-05-27 15:10 2213如题:先blur,后focus。 ... -
js 禁止鼠标滑轮滚动的事件
2014-05-22 19:00 1867如题,代码如下: // left: 37, up: ... -
网页上“分享”的实现
2012-12-06 13:40 988看看网页上分享是如何实现的吧 http://www.j ... -
用iframe模拟ajax上传文件
2012-12-05 08:57 2442项目中同事使用AjaxFrom上传文件时后台保存成功,而前台确 ... -
jquery.validationEngine
2012-12-04 09:07 4010在项目中表单的验证的选 ... -
AjaxFrom
2012-11-30 13:24 1067项目中使用了AjaxFrom,静下心来看了看AjaxFr ... -
学会读JQuery等JS插件源码
2012-12-06 08:37 2101看了 http://my24 ... -
打开对话框时,设置焦点到 input 域失效
2012-12-25 08:22 1628当打开对话框时,想设置焦点到 input 域。使用的是 ... -
js锚点定位
2012-09-09 22:09 1782<a name="ST"> ... -
JQuery获取Radio选中的值
2012-08-31 14:57 2142JS: var type = $("input:[ ... -
使用jQuery清空file文件域的方法
2012-11-08 08:54 1126一般来说,在对一个文件域(input type=”file”) ... -
input提示
2012-08-21 16:46 1400效果图: 代码: <!DOCTYPE html ... -
JS(DOM)对象和JQuery对象的相互转换
2012-08-17 00:06 2806在项目中如果涉及js操作比较多的时候,经常需要js对象和jqu ... -
判断某个元素是否在js数组中
2012-08-16 10:43 0Array.prototype.S = String.fro ... -
SCRIPT1028: Expected identifier, string or number
2012-07-18 00:18 3452解决方案是因为js里的逗号多了一个。 "requi ... -
JS中的replaceAll方法
2012-03-16 16:25 2754今天做项目时遇到这样一个问题,就是说需要将字符串中的某个字符全 ... -
IE8下的一个另类
2012-03-15 16:55 1222今天项目中遇到一个问题,发现在IE8下的这段代码: var ... -
Js/JQuery 获取下拉框值
2012-02-17 21:19 2643今天做项目时,遇到获取下拉框选项的值,发现一个没太注意的 ... -
JS实现关键词高亮
2012-02-09 21:04 4387想起以前做博客系统时,对搜索时的关键字做高亮时没搞出来,无聊之 ... -
【转】现在浏览器的工作原理
2012-02-07 22:21 1463简介 浏览器可以被认为是使用最广泛的软件,本文将介绍浏 ...
相关推荐
本文将深入探讨如何使用JavaScript实现表格行的上下移动、置顶和置底功能,以及相关辅助操作。 首先,`js操作table行的上下移动,置顶置底`这个主题涉及到的主要技术是DOM操作,事件监听和数组处理。DOM(Document ...
标题中的“JS控制HTML DOM表格行上下移动”指的是在网页中使用JavaScript操作DOM(Document Object Model)元素,特别是HTML表格的行(tr)进行上下移动的功能。这种功能常见于数据管理界面,允许用户通过交互调整...
在这个项目中,“用js控制人物的移动”显然是通过JavaScript来实现一个简单的游戏或者交互场景,让玩家可以操作一个小人在屏幕上移动。下面将详细讲解涉及的JavaScript知识点以及可能的改进方向。 1. **DOM操作**:...
js 实现 用键盘控制图片移动! 值得下载看看!资源免费,大家分享!!
纯JS控制DIV选择范围移动与复制
然后,我们需要定义图片移动的坐标变量,以及用于控制移动的函数: ```javascript var x = 0; // 图片初始的横坐标 var y = 0; // 图片初始的纵坐标 function moveLeft() { x -= 5; // 向左移动5像素 img.style....
JavaScript弹出新窗口并控制窗口移动到指定位置的方法知识点: 1. window.open()函数的使用:window.open()是JavaScript的一个内置函数,用于打开一个新的浏览器窗口或标签页。该函数一般包含三个参数:要加载的URL...
本文将深入探讨如何使用纯JavaScript实现表格的排序、插入、删除、移动行或列以及导出功能,同时还会提到如何增加表头。 首先,让我们讨论表格排序。在JavaScript中,我们可以获取表格元素,然后对数据进行比较以...
在本项目中,我们主要探讨的是如何利用JavaScript(简称js)来实现鼠标移动控制飞机飞行方向的功能。这个项目是一个简单的互动网页应用,用户可以通过移动鼠标来改变飞机在屏幕上的飞行路径,同时背景也会随着飞机的...
- 数据的前后台同步是否无误,包括添加和移动行后,数据源是否更新,页面状态是否正确保存。 总的来说,JavaScript与GridView的结合,尤其是通过AJAX实现的行移动和添加功能,是提高Web应用交互性和用户体验的有效...
在Cocos Creator中,控制游戏角色的移动是游戏开发的基础部分,尤其对于2D游戏来说更是至关重要。本总结将深入探讨几种常见的移动控制方式,包括键盘控制、触屏控制和摇杆控制,帮助开发者更好地理解并应用这些技术...
"原生js操作dom实现上下左右移动" 本文将详细讲解如何使用原生JavaScript操作DOM实现上下左右移动的功能。首先,我们需要了解什么是DOM,以及如何使用JavaScript来操作DOM。 DOM(Document Object Model,文档对象...
本主题将深入探讨如何实现“鼠标控制人物八个方向移动”的功能,这通常涉及到编程语言如JavaScript、C#或Unity的使用。我们将通过 MVC(Model-View-Controller)架构来解析这一过程。 **MVC架构** MVC是一种软件...
<script type="text/javascript"> function test(id){ alert(id); } if(typeof GetControlundefined) GetControl=function (id) { return document.getElementById(id); }; ...
【标题】:“JavaScript经典特效——按钮控制图片移动” 在网页设计中,JavaScript是一种不可或缺的脚本语言,它赋予了网页动态交互的能力。本教程聚焦于一个经典的JavaScript特效:通过按钮来控制图片移动。这种...
这个功能主要应用于网页交互,特别是游戏或者动态展示等场景,让用户可以通过鼠标或触屏设备控制对象在页面上的移动路径。让我们深入探讨一下如何用原生JavaScript实现这一特性。 首先,我们需要一个HTML结构来承载...
js自动移动图片,键盘可控制方向
js 特效 html 特效 按钮控制图片移动
在JavaScript的世界里,"js-背景斜向移动"是一个关于实现网页背景图像动态效果的技术话题。这个技术通常用于创建更具视觉吸引力和动感的用户体验。在ASP(Active Server Pages)环境中,JavaScript可以用来增强页面...
在本文中,我们将深入探讨如何使用ECharts,一个流行的JavaScript数据可视化库,来实现鼠标右键功能以及通过键盘控制ECharts中的标记线(markLine)和标记点(marker)。ECharts提供了一套丰富的API和交互功能,使得...