随电脑鼠标不停晃动移动而晃动的效果要怎么做

来源：蜘蛛抓取(WebSpider) 时间：2018-04-05 21:22 标签： 电脑鼠标不停晃动
技术交流QQ群：
jquery特效
javascript特效
html5_css3特效
>推荐一款非常炫的html5 js鼠标划过图片倾斜效果跟随鼠标移动图片偏移角度特效
推荐一款非常炫的html5 js鼠标划过图片倾斜效果跟随鼠标移动图片偏移角度特效
日运行环境：IE6 IE7 IE8及以上 Firefox
推荐一款非常炫的html5 js鼠标划过图片倾斜效果跟随鼠标移动图片偏移角度特效，js图片旋转,js图片倾斜,jquery图片特效,jquery图片插件,js图片插件
上一篇：下一篇：
热门网页特效
版权声明:本站资源均来自互联网，如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
公众号: zhaotexiao在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
效果示例：
阿里云幻灯右侧的图像元素，鼠标移上去改变位置时，那几张图片会跟随者轻微移动，这个是CSS3做的还是JS呀？求指教。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
看图应该是js做的效果。思路是mousemove事件，给元素假定一个中心点，判断中心点与鼠标距离，乘以一个系数，用rotate做反向效果。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。实现网页两边的图片随着鼠标上下移动也跟着滚动的效果?
[问题点数：60分，结帖人yunbao]
实现网页两边的图片随着鼠标上下移动也跟着滚动的效果?
[问题点数：60分，结帖人yunbao]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2008年4月 Delphi大版内专家分月排行榜第二
2007年4月 Delphi大版内专家分月排行榜第三2007年3月 Delphi大版内专家分月排行榜第三
2005年4月 Web 开发大版内专家分月排行榜第二2008年4月 Web 开发大版内专家分月排行榜第二2008年3月 Web 开发大版内专家分月排行榜第二
2005年3月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|&html&
&title&js控制图片自动左右晃动效果&/title&
&body&
&SCRIPT LANGUAGE="JavaScript"&
&!--
step = 0;
obj = new Image();
function anim(xp,xk,smer) //smer = direction
{
 obj.style.left =
 x += step*
 if (x&=(xk+xp)/2) {

if (smer == 1) step--;

else step++;

}
 else {

if (smer == 1) step++;

else step--;

}
 if (x &= xk) {

x =

smer = -1;

}

if (x &= xp) {

x =

smer = 1;

}
// if (smer & 2) smer = 3;

setTimeout('anim('+xp+','+xk+','+smer+')', 50);
}
function moveLR(objID,movingarea_width,c)
{

if (navigator.appName=="Netscape") window_width = window.innerW

else window_width = document.body.offsetW

obj = document.images[objID];

image_width = obj.

x1 = obj.style.

x = Number(x1.substring(0,x1.length-2));
// 30px -& 30

if (c == 0) {

if (movingarea_width == 0) {

right_margin = window_width - image_

anim(x,right_margin,1);

}

else {

right_margin = x + movingarea_width - image_

if (movingarea_width & x + image_width) window.alert("No space for moving!");

else anim(x,right_margin,1);

}

}

else {

if (movingarea_width == 0) right_margin = window_width - image_

else {

x = Math.round((window_width-movingarea_width)/2);

right_margin = Math.round((window_width+movingarea_width)/2)-image_

}

anim(x,right_margin,1);

}
}
//--&
&/SCRIPT&
&img src="/images/m03.jpg" tppabs="代码家园" width="320" height="240" name="picture" style='position: top: 50 left: 30' BORDER=0 style="cursor:"/&
&SCRIPT LANGUAGE="JavaScript"&
&!--

setTimeout("moveLR('picture',500,1)",10);
//--&
&/SCRIPT&
&/body&
&/html&

&p align="center"&本特效由 &a href="http://www.daimajiayuan.com" target="_blank"&代码家园&/a&丨 收集于互联网，只为兴趣与学习交流，不作商业用途。&/p&

提示：可以先修改部分代码后再运行如何用HTML做图片随鼠标移动而移动的效果_百度知道
如何用HTML做图片随鼠标移动而移动的效果
想在本身窗口做一个图片随鼠标移动而移动的效果
我有更好的答案
&img src='d:\10.jpg' width=100 height=100 id=a style='position:absolute'&&script&function move(id,y,x,num){with(document.body){onmousemove=function(){X=event.x;Y=event.y}t=scrollTop+y;l=scrollLeft+x}v=document.getElementById(id).stylev.posTop+=(t-v.posTop)/numv.posLeft+=(l-v.posLeft)/num}Y=X=0setInterval('move(&a&,Y,X,10)',1)&/script&
采纳率：35%
为您推荐：
其他类似问题
您可能关注的内容
鼠标的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。

我要回帖

更多关于 电脑鼠标不停晃动 的文章

 

随机推荐