随鼠标移动的图片或文字特效代码
2011-04-25 00:00
761 查看
跟随鼠标的图片特效
document.onmousemove = function () {
var x = window.event.clientX;
var y = window.event.clientY;
var divId = document.getElementById("divId");
if (!divId) {
return;
}
divId.style.left = x;
divId.style.top = y;
}
这里放的是图片
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
其实这段代码很简单,也很好理解,只是获取了当前鼠标在屏幕中的位置; 然后再把坐标值赋给图片,或者文字!当然要用到 position:absoluute; 绝对定位!
document.onmousemove = function () {
var x = window.event.clientX;
var y = window.event.clientY;
var divId = document.getElementById("divId");
if (!divId) {
return;
}
divId.style.left = x;
divId.style.top = y;
}
这里放的是图片
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
其实这段代码很简单,也很好理解,只是获取了当前鼠标在屏幕中的位置; 然后再把坐标值赋给图片,或者文字!当然要用到 position:absoluute; 绝对定位!
相关文章推荐
- 随鼠标移动的图片或文字特效代码
- 随鼠标移动的图片或文字特效!
- js图片跟随鼠标移动代码
- 文字或图片跟随鼠标移动或键盘控制图片移动实例(javascript实现)
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
- 鼠标移动到图片上显示阴影和图片上的文字
- tooltip 鼠标移动上去出现图片或文字与title大同小异
- js图片跟随鼠标移动代码
- 小代码 html 移动div 图片 文字 任意性
- 用CSS设置当鼠标移动到图片内时显示文字
- 鼠标跟随代码,转动的文字_浏览器特效
- 纵向文字滚动代码,带上下图片控制的。鼠标放到上下图片上时滚动
- js鼠标移上去当前放大图片突出显示特效代码
- 鼠标滑过图片显示半透明文字,边框变色代码
- 淘宝商城首页鼠标经过整个区域图片变暗变亮的JS特效代码
- 55-002-1 HTML5图片列表页面的制作 鼠标移动图片动态显示,文字动态阴影效果,渐变效果 列表前增加样式序列号
- 一组图片+文字向上滚屏特效代码
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- 鼠标经过图片变亮离开变暗的js特效代码