long316
- 浏览: 132043 次
- 性别:
- 来自: 未来
-
文章分类
- 全部博客 (174)
- Eclispe (3)
- javaScript (33)
- SVG学习 (22)
- Java (21)
- 网站 (12)
- learn English (1)
- 文档 (25)
- 常用网站收录 (11)
- struts (6)
- 常用API (1)
- html (2)
- jsp (2)
- spring (2)
- IDE (1)
- 数据结构 (1)
- JDBC (2)
- html + css (1)
- xml (3)
- 心声 (1)
- Axis2 (1)
- svg (4)
- webService (2)
- unix (2)
- c/c++ (3)
- html5 (1)
- Android (2)
- Jet标签 (1)
- oracle (2)
- 工具 (1)
- ideas (0)
- lean plan (1)
- java技术网站，信息收集综合及分类 (0)
最新评论
-
calosteward：
感谢博主对svg convert to PDF资源的分享。我也 ...
How to Convert a SVG File to PDF Format -
long316：
fhhhh
WinArchiver 2.7 -
long316：
ddddd
WinArchiver 2.7
写了个 00：00--24：59分的正则，不知道是不是你想要的
在input标签里面加上这句话就可以了
onblur="if(this.value!=''&&!/^[0-1][0-9]:[0-5][0-9]$|^[2][0-4]:[0-5][0-9]$/.test(this.value)){alert('时间格式不正确！');this.value='';}"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{
cursor:url('http://www.net320.com/random/images/hidden.cur'),auto;
}
</style>
<script type="text/javascript">
function $I(id){
return typeof(id)=="string"?document.getElementById(id):id;
};
var isMoving=false;
window.onload=function(){
$I("arrow").style.position="absolute";
$I("arrow").style.zIndex=1000;
document.body.onmousemove=function(e){
e=e||event;
if(!isMoving){
$I("arrow").style.left=e.clientX+document.documentElement.scrollLeft+1+"px";
$I("arrow").style.top=e.clientY+document.documentElement.scrollTop+1+"px";
}
};
document.oncontextmenu=function(e){
e=e||event;
if(isMoving){
e.returnValue=false;
}
};
$I("btn1").onclick=function(){
alert("lalala~~~~");
};
window.setInterval(function(){
if(!isMoving){
move(parseInt($I("arrow").style.left),parseInt($I("arrow").style.top),
parseInt($I("btn1").style.left)+$I("btn1").offsetWidth/2,
parseInt($I("btn1").style.top)+$I("btn1").offsetHeight/2)
}
},4000);
}
function getAngle(startX,startY,endX,endY)
{
var angle;
var tanx;
if(endX-startX!=0){
tanx=Math.abs(endY-startY)/Math.abs(endX-startX);
}else{
return 90+(endY-startY>0?180:0);
}
angle=Math.atan(tanx)/2/Math.PI*360;
if(endX-startX<0 && endY-startY<=0){
angle=180-angle;
}
if(endX-startX<0 && endY-startY>0){
angle+=180;
}
if(endX-startX>=0 && endY-startY>0){
angle=360-angle;
}
return angle;
};
function move(startX,startY,endX,endY){
var currentDistance=0;
var currentX=startX;
var currentY=startY;
var angle=getAngle(startX,startY,endX,endY);
var speed=5;
var intervalId=window.setInterval(function(){
if(Math.abs(parseInt($I("arrow").style.left)-endX)>speed
|| Math.abs(parseInt($I("arrow").style.top)-endY)>speed){
var newX,newY;
var xAngle=angle*(2*Math.PI/360);
var xDirection=Math.abs(Math.cos(xAngle))/Math.cos(xAngle);
var yDirection=Math.abs(Math.sin(xAngle))/Math.sin(xAngle);
if(Math.abs(Math.tan(xAngle))<=1){
var deltaX=Math.abs(speed*Math.cos(xAngle))*xDirection;
newX=currentX+deltaX;
newY=-(newX-startX)*Math.tan(xAngle)+startY;
}
else{
var deltaY=Math.abs(speed*Math.sin(xAngle))*yDirection;
newY=currentY-deltaY;
newX=-(newY-startY)/Math.tan(xAngle)+startX;
}
currentX=newX;
currentY=newY;
$I("arrow").style.left=currentX+"px";
$I("arrow").style.top=currentY+"px";
isMoving=true;
}
else{
window.clearInterval(intervalId);
isMoving=false;
$I("btn1").click();
$I("btn1").focus();
}
},10);
}
</script>
</head>
<body>
<input style="position:absolute;left:100px;top:30px;" type="button" id="btn1" value="I am a Button"/>
<div style="height:900px;"></div>
<img id="arrow" src="http://www.net320.com/random/images/arrow.gif"/>
</body>
</html>
在input标签里面加上这句话就可以了
onblur="if(this.value!=''&&!/^[0-1][0-9]:[0-5][0-9]$|^[2][0-4]:[0-5][0-9]$/.test(this.value)){alert('时间格式不正确！');this.value='';}"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{
cursor:url('http://www.net320.com/random/images/hidden.cur'),auto;
}
</style>
<script type="text/javascript">
function $I(id){
return typeof(id)=="string"?document.getElementById(id):id;
};
var isMoving=false;
window.onload=function(){
$I("arrow").style.position="absolute";
$I("arrow").style.zIndex=1000;
document.body.onmousemove=function(e){
e=e||event;
if(!isMoving){
$I("arrow").style.left=e.clientX+document.documentElement.scrollLeft+1+"px";
$I("arrow").style.top=e.clientY+document.documentElement.scrollTop+1+"px";
}
};
document.oncontextmenu=function(e){
e=e||event;
if(isMoving){
e.returnValue=false;
}
};
$I("btn1").onclick=function(){
alert("lalala~~~~");
};
window.setInterval(function(){
if(!isMoving){
move(parseInt($I("arrow").style.left),parseInt($I("arrow").style.top),
parseInt($I("btn1").style.left)+$I("btn1").offsetWidth/2,
parseInt($I("btn1").style.top)+$I("btn1").offsetHeight/2)
}
},4000);
}
function getAngle(startX,startY,endX,endY)
{
var angle;
var tanx;
if(endX-startX!=0){
tanx=Math.abs(endY-startY)/Math.abs(endX-startX);
}else{
return 90+(endY-startY>0?180:0);
}
angle=Math.atan(tanx)/2/Math.PI*360;
if(endX-startX<0 && endY-startY<=0){
angle=180-angle;
}
if(endX-startX<0 && endY-startY>0){
angle+=180;
}
if(endX-startX>=0 && endY-startY>0){
angle=360-angle;
}
return angle;
};
function move(startX,startY,endX,endY){
var currentDistance=0;
var currentX=startX;
var currentY=startY;
var angle=getAngle(startX,startY,endX,endY);
var speed=5;
var intervalId=window.setInterval(function(){
if(Math.abs(parseInt($I("arrow").style.left)-endX)>speed
|| Math.abs(parseInt($I("arrow").style.top)-endY)>speed){
var newX,newY;
var xAngle=angle*(2*Math.PI/360);
var xDirection=Math.abs(Math.cos(xAngle))/Math.cos(xAngle);
var yDirection=Math.abs(Math.sin(xAngle))/Math.sin(xAngle);
if(Math.abs(Math.tan(xAngle))<=1){
var deltaX=Math.abs(speed*Math.cos(xAngle))*xDirection;
newX=currentX+deltaX;
newY=-(newX-startX)*Math.tan(xAngle)+startY;
}
else{
var deltaY=Math.abs(speed*Math.sin(xAngle))*yDirection;
newY=currentY-deltaY;
newX=-(newY-startY)/Math.tan(xAngle)+startX;
}
currentX=newX;
currentY=newY;
$I("arrow").style.left=currentX+"px";
$I("arrow").style.top=currentY+"px";
isMoving=true;
}
else{
window.clearInterval(intervalId);
isMoving=false;
$I("btn1").click();
$I("btn1").focus();
}
},10);
}
</script>
</head>
<body>
<input style="position:absolute;left:100px;top:30px;" type="button" id="btn1" value="I am a Button"/>
<div style="height:900px;"></div>
<img id="arrow" src="http://www.net320.com/random/images/arrow.gif"/>
</body>
</html>
分享到：
发表评论
-
Easy UI tree
2014-12-28 17:49 460http://www.cnblogs.com/hxling/a ... -
js 时间比较
2014-11-04 10:37 321//var yourtime=document.getElem ... -
jQuery官方推出的教学视频
2013-08-02 13:07 390http://blog.jobbole.com/37699/ -
推荐给开发者的20款响应式jQuery插件
2013-07-23 10:32 479http://www.csdn.net/article/201 ... -
如何让搜索引擎抓取AJAX内容？
2013-07-17 08:32 489http://news.cnblogs.com/n/18248 ... -
修改浏览器状态栏信息
2013-02-28 22:38 576status和defaultStatus是window对象的属 ... -
HHMMss时间校验方法
2012-09-16 14:55 966<html> <body> < ... -
javaScript程序员参考手册--源代码
2012-08-22 23:57 551******************************* ... -
禁止鼠标右键及svg中自定义右键菜单
2012-08-20 23:20 2428svg屏蔽右键菜单 1 : if(evt.button == ... -
有鼠标位置获取元素
2012-12-23 23:36 598document.elementFromPoint(x,y) ... -
JS获取网页中HTML元素的几种方法分析
2012-08-19 17:06 950oElement = document.elementFrom ... -
(转载)js技巧 .
2012-08-19 17:02 1438http://blog.csdn.net/yinshuhai/ ... -
自动实现单击事件
2012-08-19 15:08 640<html xmlns="http://www ... -
在 IE 中调试 JavaScript
2012-04-09 23:42 873http://www.fengxiaoqiang.com/bl ... -
js调试工具
2012-04-04 22:11 491js调试工具 -
js高手的作品
2012-03-23 21:39 704<!DOCTYPE HTML> <html& ... -
easyUi tree 使用方法
2012-03-14 14:06 1596http://blog.csdn.net/l277759183 ... -
JavaScript动态添加表格行（使用模板、标记）
2012-02-05 23:35 838引用： http://www.soaspx.com/dotne ... -
JavaScript动态添加删除表格行
2012-02-05 23:20 803<table id="idTB" b ... -
select 2
2012-01-15 20:27 935http://sunxin1001.iteye.com/blo ...
相关推荐
js自由跳动旋转的字体，鼠标移动到上面会自动跳跃和旋转，也可以自动循环跳动 js自由跳动旋转的字体，鼠标移动到上面会自动跳跃和旋转，也可以自动循环跳动 js自由跳动旋转的字体，鼠标移动到上面会自动跳跃和旋转，...
网页特效代码文字特效自动向上滚动的文本鼠标放上去就停止
在网上查看了很多的代码，本来想通过鼠标移入移出来控制滚动，但是发现即使在echarts图范围内进行鼠标移动也会触发到鼠标移入移出，所以自行通过增加工具栏的自定义图标方法来实现功能。为了方便理解，通过echarts...
- 表格自动填充会帮你自动填写任何Web窗体。 - 只需点击鼠标，就可以保存和填写网页表单。 - 你将永远不会再次输入用户名和密码 - 表单自动填写软件，你可以安全地登录，只需按一下 是先进的自动填充表单自动...
《3》///鼠标移动到控件上 onmouseover, 《4》///鼠标移开控件 onmouseout_onmouseover 《5》暂时开放onclick单击事件 TabPage扩展属性 Text 《1》TabPage页的文本 TabPageToolTip 《1》将鼠标停靠在TabPage控件...
搜索与设计 <br>7.1 网际搜索 <br>7.2 Web搜索总论 <br>7.3 用户搜索方式 <br>7.4 搜索引擎如何工作 <br>7.4.1 收集网页 <br>7.4.2 索引页 <br>7.5 搜索引擎改进 <br>7.5.1 添加到...
基于.NET平台的标准模架系统集先进的CAD技术,网络数据访问技术,以及模架设计的相关技术为一体,通过用户在网络客户端和服务器端之间的交互过程,利用后台智能CAD系统,根据用户选定的尺寸参数表,自动生成完用户需要的...
2.代码复制框取消了鼠标划过就选定的功能，以防止复制错误。 3.编辑页添加了JS文件调用的显示效果，以及调用代码，减少了动态调用和静态JS文件调用存在不一致的可能。 2.在编辑页增加生成代码的连接和及时浏览效果的...
水平位置，垂直位置，字体粗细，斜体，字体大小等样式，单元格设置自动换行功能，默认为超出部分显示省略号，支持表结构修改的撤回功能（待完善），支持单个单元格的样式复制，支持选中单元格，鼠标左键选中复制。...
基于vue实现移动端轮播图，主要功能手指触摸滑动滚动、自动轮播、无缝滚动、循环无回滚等。图片切换有过渡效果。适合前端初学者学习。欢迎有疑问的小伙伴私聊提问哦。
搜索与设计 <br>7.1 网际搜索 <br>7.2 Web搜索总论 <br>7.3 用户搜索方式 <br>7.4 搜索引擎如何工作 <br>7.4.1 收集网页 <br>7.4.2 索引页 <br>7.5 搜索引擎改进 <br>7.5.1 添加到...
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python...
您会发现该列表非常有用，因为它们将涵盖您的许多实时Web自动化用例场景。 一些常见的示例包括对登录页面的测试，在线注册表格和自动航班预订。 带有以下示例： 鼠标悬停 拖放 可拖动 可选择的 可排序 可行的 单选...
你无需记忆，当浏览器到达曾经记忆过网页表单信息的网址，这些帐号和密码信息你只要用鼠标一点(如果在AIRoboForm程序中设置好了（www.dayanzai.me），甚至会自动填写)就可以实现“一键上网”。 对于密码的安全性...
一个通用的组件库。...IIS 虚拟目录、获取当前系统中所有运行的程序窗口、移动关闭窗口、执行鼠标操作、在任务栏托盘中增加小图标等等。 如果在下载过程或其他地方中有什么问题，请和我联系：cuicb@163.net
每当您更改代码时，Prepros也会自动重新加载所有连接的移动浏览器。 每次更改代码时，Prepros都会自动重新加载浏览器。 Prepros可以跨多个设备和浏览器同步滚动位置，鼠标，键盘和表单输入。使在任何地方测试站点变...
0455 在GridView Web控件中高亮显示鼠标所在行 256 0456 实现DataList Web服务器控件数据绑定功能 256 0457 如何实现DataList Web服务器控件分页功能 258 0458 实现查看DataList控件中数据的详细信息 259 ...
框中选择,拖拽移动,拖拽上传,在线编辑器,影音播放器,解压缩。全面ajax保证性能和体验！ 各个功能直接无缝连接；以对话框形式存在,多任务管理等功能 完备的中文支持，各种情况下乱码解决； 文件管理 文件选择：单选,...
实例301 将Web页面中的数据导出到Excel并自动打印 476 11.4 利用CSS样式打印 478 实例302 利用CSS样式打印页面中的指定内容 478 实例303 利用CSS样式分页打印 479 11.5 套打邮寄产品单 482 实例304 打印...
基于jquery实现的web版excel，包含excel的基本功能： 支持合并单元格，拆分单元格 支持插入单元格，删除单元格 支持整行整列选择单元格 自定义右键菜单，可以设置单元格数量 支持鼠标左键拖动调整单元格宽高 支持...