<html>
<head>
<script type="text/javascript">
var flag=0;//0表示图片移动,1表示点击后图片不移动
function doit(){
if(flag==0){
var obj = document.getElementById("tampon");
obj.style.left = event.x-20;
obj.style.top = event.y-20;
}
}
window.onload=function(){
document.body.onmousemove = doit;
}
document.onclick = mouseClick;
function mouseClick(e){
flag=1;
var x,y;
if(!document.all){
x=e.pageX;
y=e.pageY;
}else{
x=document.body.scrollLeft+event.clientX;
y=document.body.scrollTop+event.clientY;
}
}
</script>
</head>
<body style="cursor:none;">
<img id="tampon" style="position:absolute;z-index:10;" src="censored.png"/>
</body>
</html>
分享到:
相关推荐
div在固定区域跟随鼠标移动,上传的html文件,里边有简单的代码,通俗易懂。
TweenMax类实现图片跟随鼠标移动而变化
Silverlight 鼠标移动显示坐标 图片跟随
banner鼠标移动图片跟随滚动是一款jquery smart3d图片跟随鼠标移动视觉差滚动效果代码。
这是一款基于Threejs的鼠标移动图片跟随变形动画特效。该动画特效在鼠标移动到指定的区域时,会出现图片跟随鼠标效果,并且在图片移动的过程中,还会发生扭曲变形动画。
MFC中实现文字可以跟随鼠标任意移动的功能。
jQuery磁性透明图层跟随鼠标移动图片特效.rarjQuery磁性透明图层跟随鼠标移动图片特效.rarjQuery磁性透明图层跟随鼠标移动图片特效.rarjQuery磁性透明图层跟随鼠标移动图片特效.rarjQuery磁性透明图层跟随鼠标移动...
JS html5实现跟随鼠标移动而散开的粒子效果
小功能,鼠标跟随十字坐标显示,酷炫的加分小展示, 当鼠标在页面移动时,有一个显示鼠标位置的十字架跟随鼠标移动而移动,十字架适应屏幕全部
原生js图片跟随鼠标移动点击放大图片3D展示 原生js图片跟随鼠标移动点击放大图片3D展示
jQuery磁性透明图层跟随鼠标移动图片特效
易语言图标跟随鼠标移动源码.7z
html5基于TweenMax制作层叠图片跟随鼠标移动动画特效,鼠标移动时图片一张张出现跟随鼠标运动轨迹移动,渐渐又隐藏起来。
直接下载后直接另存为html,然后修改里面的图片链接即可
一个DIV层,可以跟随鼠标移动,当鼠标悬停在图片上的时候,DIV透明层也悬停在上面,效果很不错的jquery特效
上述功能是根据html+js+jquery共同完成的,兼容任何浏览器
跟随鼠标移动的蝴蝶flash源代码,
C#chart控件游标CursorX跟随鼠标移动的例子。
这是一款来自韩雪冬工作室的特效。 图片不仅设计的精美漂亮,而且鼠标移动到图片上后的动态效果也非常棒,懒人之家推荐下载
Unity 拖动3d物体跟随鼠标(手指)移动