long316
- 浏览: 140318 次
- 性别:
- 来自: 未来
-
文章分类
- 全部博客 (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 531http://www.cnblogs.com/hxling/a ... -
js 时间比较
2014-11-04 10:37 363//var yourtime=document.getElem ... -
jQuery官方推出的教学视频
2013-08-02 13:07 444http://blog.jobbole.com/37699/ -
推荐给开发者的20款响应式jQuery插件
2013-07-23 10:32 524http://www.csdn.net/article/201 ... -
如何让搜索引擎抓取AJAX内容？
2013-07-17 08:32 530http://news.cnblogs.com/n/18248 ... -
修改浏览器状态栏信息
2013-02-28 22:38 627status和defaultStatus是window对象的属 ... -
HHMMss时间校验方法
2012-09-16 14:55 1030<html> <body> < ... -
javaScript程序员参考手册--源代码
2012-08-22 23:57 588******************************* ... -
禁止鼠标右键及svg中自定义右键菜单
2012-08-20 23:20 2483svg屏蔽右键菜单 1 : if(evt.button == ... -
有鼠标位置获取元素
2012-12-23 23:36 648document.elementFromPoint(x,y) ... -
JS获取网页中HTML元素的几种方法分析
2012-08-19 17:06 991oElement = document.elementFrom ... -
(转载)js技巧 .
2012-08-19 17:02 1586http://blog.csdn.net/yinshuhai/ ... -
自动实现单击事件
2012-08-19 15:08 681<html xmlns="http://www ... -
在 IE 中调试 JavaScript
2012-04-09 23:42 903http://www.fengxiaoqiang.com/bl ... -
js调试工具
2012-04-04 22:11 533js调试工具 -
js高手的作品
2012-03-23 21:39 747<!DOCTYPE HTML> <html& ... -
easyUi tree 使用方法
2012-03-14 14:06 1634http://blog.csdn.net/l277759183 ... -
JavaScript动态添加表格行（使用模板、标记）
2012-02-05 23:35 884引用： http://www.soaspx.com/dotne ... -
JavaScript动态添加删除表格行
2012-02-05 23:20 843<table id="idTB" b ... -
select 2
2012-01-15 20:27 972http://sunxin1001.iteye.com/blo ...
相关推荐
在IT行业中，模拟鼠标移动和点击是一项常见的自动化测试和脚本编写任务，广泛应用于软件测试、游戏自动化、数据输入以及各种应用程序的自动化流程。这项技术允许程序员或测试工程师通过编程来控制鼠标的动作，比如...
在本文中，我们将深入探讨如何在Flash环境中实现一个有趣的效果：当鼠标移动时，图片随之转动。这个效果可以通过编程和动画技巧来实现，是Flash互动设计中的一个基础但有趣的应用。我们将从标题和描述中提取关键知识...
在编程领域，有时候我们需要模拟用户的鼠标行为，例如在自动化测试、游戏挂机或者用户界面自动化中。本资源提供了一个使用C#编写的源码，专门用于模拟鼠标点击和移动的操作。下面将详细介绍这个主题，以及如何利用C#...
以上就是"C#鼠标自动点击器"的一些核心技术和知识点，对于想要深入学习C#编程和系统级交互的开发者来说，这是一个很好的实践项目。通过这样的工具，不仅可以掌握C#编程，还能了解到Windows API调用、多线程编程以及...
js自由跳动旋转的字体，鼠标移动到上面会自动跳跃和旋转，也可以自动循环跳动 js自由跳动旋转的字体，鼠标移动到上面会自动跳跃和旋转，也可以自动循环跳动 js自由跳动旋转的字体，鼠标移动到上面会自动跳跃和旋转，...
在IT领域，记录鼠标移动轨迹是一项常见的需求，特别是在用户行为分析、软件测试或者游戏开发中。这个场景下，我们主要关注的是如何通过编程实现这一功能。以下是对这一知识点的详细说明： 首先，我们需要理解鼠标...
在C#中实现鼠标自动点击，主要涉及到Windows API（应用程序接口）调用，尤其是与鼠标事件相关的函数，如SetCursorPos和Mouse_event。Windows API允许开发者直接操作系统的底层功能，例如控制鼠标行为。 "鼠标自动...
在这个"C#小dome 定时鼠标移动"的学习项目中，我们将深入探讨如何使用C#语言实现鼠标自动移动的功能，这在自动化测试、模拟操作或者游戏辅助等场景中可能会非常有用。 首先，我们要理解C#中的鼠标事件处理。在...
自动化测试在软件测试领域中的分类包括Web（UI）自动化测试、接口自动化测试、移动（App）自动化测试和单元测试自动化。其中，Web自动化测试是本教程主要学习的内容。Web自动化测试工具的选择很重要，主流的工具包括...
总之，“鼠标移动到控件立即显示出对该控件的说明”是现代软件界面设计中不可或缺的一部分，它通过简单直观的方式提供了用户所需的即时信息，提高了软件的易用性和用户满意度。在实际开发中，我们需要结合各种技术和...
本实例是基于前端web的html、css、js，以哈尔的移动城堡为主题设计的一个动漫主题网站，需要的同学可以直接更换内容进行修改，也可以来直接问博主问题，博主会仔细回答。本实例一共6个页面，每个图文搭配合理，简洁...
【标题】：“超级经典一套鼠标控制左右滚动图片带自动翻滚JS” 在网页设计和开发中，用户体验往往扮演着至关重要的角色。一个优秀的网站不仅要有吸引人的内容，还要有便捷的操作方式，使得用户能轻松浏览信息。...
在本课程"Python WEB自动化-04课-鼠标键盘模拟操作"中，我们将深入探讨如何使用Python进行系统级别的自动化操作，特别是模拟鼠标和键盘的行为。这个领域的知识在自动化测试、数据输入、游戏自动化以及各种批处理任务...
Web自动化测试是现代软件开发中不可或缺的一环，它极大地提高了测试效率，减少了手动测试的重复性和错误率。本文将深入探讨Web自动化测试的原理、工程实践以及常用的自动化测试框架，并结合具体的实战用例进行讲解。...
在Web开发中，页面上的文本框（input type="text"）或者文本区域（textarea）元素通常用于接收用户的输入信息。有时为了提高用户体验，开发者希望当用户点击这些输入框时，能自动选中其中已经存在的示例文本，这样...
在计算机编程领域，模拟鼠标移动是一项至关重要的技能，尤其是在自动化测试、游戏开发和用户界面自动化等场景中。本文将深入探讨这一主题，帮助你理解并掌握如何通过编程来实现模拟鼠标移动。 首先，我们要明白模拟...
本篇文章将深入探讨如何使用Silverlight 2.0实现一个动态的图片翻转效果，当鼠标移动到图片上时，图片会自动翻转，揭示隐藏的信息，而当鼠标离开时，图片则会恢复原状。这个功能在设计吸引眼球的广告动画或交互式...
综上所述，"C#实现鼠标自动点击购物"项目涵盖了C#编程、Windows应用开发、自动化测试、HTML解析、多线程编程等多个方面，是一个综合性的编程实践。通过这样的项目，开发者可以提升自己的技能，同时解决实际问题，...
- 添加触摸事件支持，以便在移动设备上也能流畅操作。 综上所述，"web前端自动滚动且点击切换轮播图代码"是一个结合了HTML、CSS和JavaScript技术实现的动态展示方案，它通过自动化和互动性提升网页的视觉吸引力和...
描述中提到的工具，就是这样一个例子，它允许用户预先设定坐标和时间间隔，然后自动执行鼠标移动和点击，为玩家提供便利。 实现这样的工具，开发者需要了解JavaScript或其他浏览器支持的语言，因为大部分网页游戏是...