php教程: php入门; php安全; php安装; php常用代码; php高级应用; php与数据库; php函数; 网络相关; XML应用; 图像处理; php基础; 邮件处理; php应用; 常见问题; apache; php框架模板; python; ruby; smarty模板; thinkphp; php正则表达式; Symfony; Perl

asp.net教程: 基础入门; .Net开发; C语言; VB.Net语言; WebService; 数据库应用; 报表/图形; E-mail专题; Win开发; XML应用; 安装和部署; 组件控件开发; 远程及网络应用; 其他相关; 安全和优化; C#/C; WinForm; Silverlight; WCF; WPF; ASP.NET MVC

手机开发: 安卓教程; ios7教程; Windows Phone; Windows Mobile; 手机常见问题; 手机软件; 手机硬件; 电话/短信; 游戏攻略; 平板电脑; 刷机教程; 智能手表; 微信; ios

css教程: CSS入门; 常用代码; 经典案例; 样式布局; 高级应用; 常见问题; css3教程

网页制作: 设计基础; Dreamweaver; Frontpage; js教程; XNL/XSLT; CMS技巧; Dom教程; 网页配色; jquery; html5教程; Delphi; extjs; magento; WordPress; dedecms教程; 网页编辑器

办公数码: word; excel; powerpoint; 金山WPS; 电脑新手; 电脑常见问题; 浏览器; 打印机; 显示器; Outlook; 数码相机; 电视; 空调; 冰箱; qq教程; 洗衣机; 游戏攻略; 游戏活动

jsp教程: Application与Applet; J2EE/EJB/服务器; J2ME开发; Java基础; Java技巧及代码; Jsp/Servlet开发工具; Java与XML; 面向对象编程; 邮件

asp教程: ASP入门; 高级应用; 技巧与性能优化; 安全加密; XML相关; 全文检索; 客户端相关打印; 数据库相关; 正则表达式; 系统相关; 组件开发; 脚本编码; 远程脚本; 邮件相关; FSO专题; 其它相关

ps教程: Photoshop; Fireworks; Coreldraw; Illustrator; 3DS_MAX; AutoCAD; 非主流; 元旦素材; 新年春节素材; 元旦图片; 圣诞节图片; 年历日历挂历模板; 元旦贺卡; 新年贺卡; 圣诞节电子贺卡; 情人节贺卡; 中秋贺卡; 图片处理

数据库: Access; Mssql; mysql教程; Oracle教程; Foxpro; SYBASE教程; DB2教程; PostgreSQL; ling; MongoDB; redis

SEO优化: SEO资讯; SEO入门; SEO综合; Google; 百度指南; Yahoo研究; Alexa排名; Dmoz专栏; 搜索技术; 推广技巧; 策划运营; 赚钱窍门

网页特效: 综合特效; 鼠标特效; 页面特效; 导航菜单; 背景特效; 状态栏类; 文本特效; 链接特效; js广告代码; 窗口特效; 按钮特效; 时间日期; 计数转换; 游戏娱乐; CSS相关; 代码生成; 黑客性质; 对联广告

网络新鲜事: 业界动态; 招聘求职; 世界杯在线直播; 互联网加

flash教程: As3.0; 动画技术; Action; Flash游戏; 手绘艺术; 常见问题; flex

操作系统: linux; Windows7; Windows服务器; nginx; 服务器安全; Ubuntu; freebsd; windows8; windows2008; CentOS; win10

网站运营: 建站经验; 推广优化; 网络创业; 赚钱; 免费资源; 策划盈利; 域名投资

路由器设置: Mercury路由器; Tenda路由器; Fast路由器; Netcore磊科路由器; 华为路由器; ZTE中兴路由器; 小米路由器; HiWiFi; 360路由器; 其它; tplink路由器; D-link路由器

班主任工作: 班主任工作总结; 班主任工作经验交流; 班主任工作反思; 班主任工作心得体会; 班主任评语; 班主任培训; 班级管理家长会; 班主任演讲稿; 班主任工作计划(小学/初中/高中); 班主任工作案例; 班主任工作日志

范文网: 申请书; 合同范文; 党团范文; 文秘知识; 工作总结; 工作计划; 工作报告; 演讲稿; 汇报体会; 心得体会; 自我鉴定; 作文; 检讨书; 感谢信; 求职信; 辞职信

淘宝大学: 淘宝规则; 电商资讯; 淘宝新手; 淘宝运营; 刷单平台; 淘宝直通车; 店长访谈; 淘宝素材

酷站: 欧美酷站; 韩国酷站; 中文酷站; 综合门户; 其它酷站

祝福短信: 日常祝福; 幽默祝福; 周末问候; 生日祝福; 早安晚安; 生病问候; 送别短信; 感谢短信; 思念短信; 情话短信; 表白短信; 求婚短信; 爱情短信; 道歉短信; 元旦; 春节; 情人节; 圣诞节; 感恩节; 母亲节; 父亲节; 愚人节; 网络节日; 纪念日; 结婚生子; 开业短信; 乔迁短信; 升职短信; 热点短信; 感悟人生; 个性签名; 笑话大全; 冷笑话; 调侃短信; 趣味短信; 爆笑口误; 英文短信; 经典短信; 中秋; 教师节; 领导; 国庆节; 邀请; 同学; 战友; 元宵; 清明; 光棍; 端午节; 劳动节; 儿童节; 寒露; 霜降; 立冬; 小寒; 大寒; 小雪; 大雪; 冬至; 万圣节; 春季; 养生; 下班; 春; 夏; 建军节; 妇女节; 腊八节; 财神节; 植树节; 重阳节; 三伏; 校园寄语; 青年节; 句子; 说说; 留言; 小年; 除夕; 平安夜; 建党节

下载频道

视频: 网页编辑器下载; 开发手册; PHP搭建环境; 上传工具

企业信息化: SAP; SharePoint; GIS技术

站长学院

今天更新

热点资讯

[跟随鼠标翻译]跟随鼠标的图片

时间：2014-06-08 来源：鼠标特效阅读：

提示：您可以先修改部分代码再运行

<html>
<head>
<title>跟随鼠标的图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body id="mybody" bgcolor="#FFFFFF" cellpadding="0"cellspacing="0" width="500" align="center">

<p align="center">
    <script>
picFollow = new Image();
picFollow.src = "images/heart.gif";
picolimpic = new Image();
picolimpic.src = "images/love.gif";
document.onmousemove = getMousePosition;
document.onmouseout = pauseheart;
document.write("");
document.write("<img name="pic"src=" + picFollow.src + ">");
var picX = 20;
var picY = 100;
var step = 10;
var speed = 10;
var tolerance = step/2 +1;
var mouseX = 0;
var mouseY = 0;
var mouseOut = true;
var followMouse = false;
myInterval = setInterval("moveheart()", speed);
function pauseheart() {
mouseOut = true;
}
function getMousePosition(e) {
mouseX = window.event.x + document.body.scrollLeft;
mouseY = window.event.y + document.body.scrollTop;
mouseOut = false;
if (followMouse) {
diva.style.left = mouseX - pic.width / 2;
diva.style.top = mouseY - pic.height / 2;
   }
}
function calcNewPos() {
if (mouseX == picX)
return;
arg = (mouseY-picY) / (mouseX-picX);
mult = 1;
if (mouseX - picX < 0)
mult = -1;
alpha = Math.atan(arg);
dx = mult * step * Math.cos(alpha);
dy = mult * step * Math.sin(alpha);
picX += dx;
picY += dy;
}
function collision() {
if ((Math.abs(picX-mouseX) < tolerance) && (Math.abs(picY-mouseY) <

tolerance) && (!mouseOut))
return true;
return false;
}
function moveheart() {
calcNewPos();
window.status = "("+mouseX+","+mouseY+")";
diva.style.left = picX - pic.width / 2;
diva.style.top = picY - pic.height / 2;
if (collision()) {
clearInterval(myInterval);
pic.src = picolimpic.src;
followMouse = true;
mybody.style.cursor="hand"   }
}
    </script>

<script language="Javascript">

</script>

</body>

提示：您可以先修改部分代码再运行

[跟随鼠标翻译]跟随鼠标的图片

http://m.bbyears.com/wangyetexiao/6924.html

推荐访问:鼠标图片大全

上一篇：跟随鼠标翻译|跟随鼠标的流星

下一篇：鼠标轨迹移动_鼠标轨迹，原理很简单

相关阅读猜你喜欢

本类排行本类最新