- 浏览: 230038 次
- 性别:
- 来自: 常州
文章分类
- 全部博客 (165)
- Java基础 (49)
- 开发工具 (3)
- Python基础 (1)
- Oracle基础 (9)
- Java 符号计算 (0)
- 计算机基本原理 (10)
- SQL (6)
- javascript (16)
- HTML (2)
- XML (4)
- 程序员之路 (7)
- JDBC (1)
- Unicode (0)
- 字符编码 (3)
- JSP基础 (2)
- Servlet&JSP (9)
- MySQL基础 (1)
- UML基础 (1)
- Hibernate (2)
- Java包 (1)
- Spring (1)
- Struts2 (9)
- 系统命令 (1)
- Tomcat (1)
- Windows (1)
- Android (1)
- C#基础 (14)
- HTML5 (1)
- .NET基础 (1)
- 数据库基础 (2)
- ASP.NET基础 (7)
- 开源Java (3)
- 趣味算法 (1)
- 面向对象思想 (1)
- 软件应用 (1)
- Web工程 (1)
- jquery (2)
- JPA (0)
- 设计模式 (0)
最新评论
-
静夜独窗:
JavaBean组件能说的具体一点吗,我感觉这样说理解的不清晰 ...
EL 表达式语言 -
静夜独窗:
在Java中,不同字符集编码的转换是通过Unicode作为中介 ...
JavaWeb中的乱码产生与解决方案
没事写的.
js实现眼睛随鼠标运动.就是眼睛一直盯着鼠标看.
图片:
pupil: eye-r: eye-y:
就是三图片. 我写的时候用的是gif格式的.但是传到巴巴变相册之后好像变成了jpg.但问题不大.
效果图:
代码:
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript眼睛</title> <style> body{ height:1000px; } </style> <script> var eye1_X=0; var eye1_Y=0; var eye2_X=0; var eye2_Y=0; var R=43; function getCenter(){ eye1_X=document.getElementById("eyeborder1").offsetLeft+document.getElementById("eyeborder1").offsetWidth/2-7; eye1_Y=59; eye2_X=document.getElementById("eyeborder2").offsetLeft+document.getElementById("eyeborder2").offsetWidth/2-7; eye2_Y=59; document.getElementById("eye1_id").style.posTop=eye1_Y; document.getElementById("eye1_id").style.posLeft=eye1_X; document.getElementById("eye2_id").style.posTop=eye2_Y; document.getElementById("eye2_id").style.posLeft=eye2_X; } function moveEye(event){ //得到眼框的中心 /* var eye1_X=379;var eye1_Y=58; var eye2_X=495;var eye2_Y=58;*/ eye1_X=document.getElementById("eyeborder1").offsetLeft+document.getElementById("eyeborder1").offsetWidth/2-7; eye1_Y=59; eye2_X=document.getElementById("eyeborder2").offsetLeft+document.getElementById("eyeborder2").offsetWidth/2-7; eye2_Y=59; //鼠标位置判断 var r1=Math.sqrt((event.clientX-eye1_X)*(event.clientX-eye1_X)+(event.clientY-eye1_Y)*(event.clientY-eye1_Y)); if(r1<R){//鼠标在圆1内部 document.getElementById("eye1_id").style.posTop=event.clientY; document.getElementById("eye1_id").style.posLeft=event.clientX; }else{ document.getElementById("eye1_id").style.posLeft=R*(event.clientX-eye1_X)/r1+eye1_X; document.getElementById("eye1_id").style.posTop=R*(event.clientY-eye1_Y)/r1+eye1_Y; } var r2=Math.sqrt((event.clientX-eye2_X)*(event.clientX-eye2_X)+(event.clientY-eye2_Y)*(event.clientY-eye2_Y)); if(r2<R){//鼠标在圆2内部 document.getElementById("eye2_id").style.posTop=event.clientY; document.getElementById("eye2_id").style.posLeft=event.clientX; }else{ document.getElementById("eye2_id").style.posLeft=R*(event.clientX-eye2_X)/r2+eye2_X; document.getElementById("eye2_id").style.posTop=R*(event.clientY-eye2_Y)/r2+eye2_Y; } } </script> </head> <body id="mybody" onmousemove="moveEye(event)" onload="getCenter()"> <div id="eyeborder"><center><img id="eyeborder1" src="eye-r.gif"><img id="eyeborder2" src="eye-y.gif"/></center></div> <div id="text_id"></div> <div style="position:absolute;" id="eye1_id"><img src="pupil.gif"></div> <div style="position:absolute;" id="eye2_id"><img src="pupil.gif"></div> </body> </html>
发表评论
-
jQuery操作iframe
2013-08-15 16:02 0function _getIFrameDocument(i ... -
js获取选中内容
2013-06-07 10:47 2897现在很多网站,特别是比较大的网站,都有这样的功能:选中一 ... -
利用jquery批量下载verycd资源
2013-06-01 22:46 1237verycd不能下载。但是有些资源还是处于发布状态,“下载选 ... -
jquery基础
2013-06-15 19:01 1227jquery代码风格 1.使用 ... -
JQuery Ajax
2012-11-17 22:44 29一直不太喜欢jquery。因为感觉如果jquery用多了,js ... -
ajax与缓存
2012-11-17 22:03 14在使用ajax不断请求服务器的时候可能会因为浏览器缓存而导致无 ... -
JavaScript 打印机 打印页面
2012-10-27 10:20 745打印方法: window.print() 调用该方IE, ... -
My计算库(JS版本)
2012-10-07 15:56 801方矩阵 function SquareMatrix(d ... -
这是什么?
2012-10-07 15:51 0不得不吐槽一下Java的日期处理。太不爽了。 Date ... -
JavaScript:键盘事件
2012-09-28 15:22 6005一. 浏览器的按键事件 浏览器有三种按键事件类型:keyd ... -
2维函数绘图 html5版
2012-09-22 15:58 828<html> <hea ... -
简单物理模拟
2012-09-11 00:46 922晚上,看完神探夏洛克之后写的。还需要再多研究研究,感觉运 ... -
javascript计算24点
2012-08-07 12:44 136524点计算器。 精简版: ... -
正则表达式验证器
2012-07-20 13:54 840javascript写的正则表达式验证器。凑活着用吧。 ... -
Ajax基础
2012-05-16 23:57 1129Ajax,即Asynchronous JavaScrip ... -
<a>的href中放js代码 与 <img> usemap属性
2012-03-31 19:05 928<a>的href属性可以执行javascript代 ... -
javascript获取css盒子模型的一些值
2012-03-28 18:41 1029首先无法用style属性来获取任意元素的的css信息.styl ... -
灵动的JavaScript
2012-04-03 18:17 814JavaScript,弱类型动态脚本语言,浏览器嵌入式语言。简 ... -
小练习javascript
2012-03-21 17:41 986javascript小练习:九九乘法表,金字塔,实心菱形,空心 ...
相关推荐
这个东西就是类似google个性主页上的那两只眼睛。这里用了简单的实现方法。创建了一个Eye类来封装眼睛的各种属性。 技术方面只用到了javascript和DOM。 我自己做的
实现了鼠标全屏位置的捕获, 窗口非标题部分的拖动
绿林工作室倾情奉献,MFC实现的一个类似Google Eye的小软件,界面很精美,眼睛很生动。
一般而言,基于成对数据的pix2pix方法能达到较好的图像转换效果,但本任务的输入输出轮廓并非一一对应,例如卡通风格的眼睛更大、下巴更瘦;且成对的数据绘制难度大、成本较高,因此我们采用unpaired image ...
增强现实技术即AR技术是在展示真实场景的同时,通过图像、视频、3D模型等技术为用户提供虚拟信息,实现将虚拟信息与现实世界巧妙地相互融合,属于下一个信息技术的引爆点,据权威预测增强现实眼镜将会取代手机成为下...
首先,来自Google的Waymo使用的是高成本的激光雷达,其次,Mobileye使用的是低成本的相机。 随着AI技术的成熟和边缘计算技术的改进,我们的团队认为,通过将AI和强大的边缘设备相结合,可以实现类似性能的高成本...
它是由用户塑造的视听作品,可以通过机器学习来实现。 这是对新的表达和交互形式以及用户界面新方法的探索。 Shapeways 是一种家庭互动装置艺术,采用尖端技术设计,包括: 需要或与 Chrome 兼容的浏览器(如 ...
InceptionV3模型是google系列第三代模型,特点是将网络层与层间的卷积运算进行拓展. 采用不同大小的卷积核是的存在不同大小的感受野,实现拼接达到不同尺度的特征融合 : ...
受到Google实验的启发,他们如何使用莫尔斯电码来帮助能力不同的人进行有效沟通。 我们决定使用计算机视觉来实现摩尔斯电码翻译器,这不是更好的选择,而是更便宜的选择。 加工 该项目将莫尔斯电码翻译为普通英语。 ...
除了边界框之外,BlazeFace还可以预测脸部界标的6个关键点(2x眼睛,2x耳朵,鼻子,嘴巴)。 因为BlazeFace是为在移动设备上使用而设计的,所以预训练的模型为TFLite格式。 但是,我想从PyTorch使用它,所以我进行...
借助Reedy for Google Chrome更快地阅读您想要的所有内容! Reedy是速读的高级实现。 单词在屏幕的同一位置快速显示,这加快了每个单词的感知速度。 您无需再花时间在沿线移动眼睛上。 现在,您的阅读速度比以前快...
如果看到代码,请睁开眼睛,然后单击“后退”按钮! 这不是出于反作弊目的。 这是因为如果您复制代码,将不会学到本课中最重要的部分! 我们要在此处实践的一件事是制定规范并将其转换为代码。 您将被期望在工作中...
相关文章介绍:分享一个实现夜间模式的浏览器扩展https://juejin.im/post/5cb3fe19e51d456e6c732cb7首次安装时,请刷新页面或者打开一个新标签,夜间助手才能生效,某些网站上可能会被禁止使用,比如谷歌网上应用店...
一直沿用至今(最早是为了扫地机旋转时降低尾部刮碰到障碍物的概率),根据对于扫地机器人的拆解,它由微电脑控制(大脑),可实现自动导航,并利用吸尘器对地面进行清扫和吸尘,通过传感器(眼睛耳朵)实现对前方...
人的大脑需要借助各种感官,如眼睛、耳朵等,感知外界信息,然后进行判断,这其中用机器来代替人眼来做测量跟判断的动作,称为机器视觉,机器视觉是人工智能学科中发展的最为快速的分支,而人脸识别技术就是机器...
在黑暗环境中冲浪时保护眼睛。 重要信息:禁用网站的本机黑暗模式,以防止发生任何冲突。 -Sauron不会收集任何数据,它需要访问所有站点才能进行修改。 使用黑暗主题以获得最佳体验Sauron通过为所有访问的网站设置暗...
目前市场上流行的可穿戴设备形式是智能手表,而谷歌眼镜等其他可穿戴眼睛技术非常昂贵或仍处于测试阶段。 这些设备也作为单个装置购买,不能使用普通的 5 副眼镜。 这个市场的需求是低成本和易于使用的设备。 当前...
这个工具还通过“windows消息机制”和“GDIplus”实现了绘制【表格线】 【就是上面预览图里的那个线】 并且为了保护眼睛,这边还带有了配色修改的功能: 比如这样: 为了方便翻译,里面还加入了翻译功能: 【支持“ ...
然而如果以人工智能的视角看待无人驾驶,将无人驾驶汽车看做是一台轮式智能机器人,这个机器人凭借探测器作为"精确的眼睛"、以深度学习为基础的人工智能作为"聪明果断的大脑",从而实现快速移动,就不难理解无人驾驶...