本文实例为大家分享了js鼠标特效实例代码,供大家参考,具体内容如下
实例一:
禁用鼠标右键提示用户禁用鼠标右键
}
}
0 没按键 1 按左键 2 按右键 3 按左键和右键 4 按中间键 5 按左键和中间键 6 按右键和中间键 7 按所有的键
实例二:
动态定义鼠标指针形状标签名得到目标DOM,如果是全网页则这里可以用body
var pDom = document.getElementsByTagName("p")[0];
//修改样式的鼠标指针形状,pointer为手的形状
pDom.style.cursor = 'pointer';
}
名称 属性代码 默认箭头样式 cursor:default 手型 cursor: pointer 手型 cursor:hand 移动十字箭头 cursor: move 帮助问号 cursor: help 十字准心 cursor:crosshair 文字/编辑 cursor: text 无法释放(禁用) cursor:no-drop 禁用 cursor:not-allowed 自动 cursor:auto 处理中 cursor: progress 向上改变大小 cursor: n-resize 向下改变大小 cursor: s-resize 向左改变大小 cursor: w-resize 向右改变大小 cursor: e-resize 向上左改变大小 cursor: nw-resize 向下左改变大小 cursor: sw-resize 向上右改变大小 cursor: ne-resize 向下右改变大小 cursor: se-resize
实例三:
鼠标进出时字体大小变化<p style="margin:5px auto; width:100px; height:100px; border:1px solid black;"
onmou<a href="/tag/SEO/" title="SEO">SEO</a>ver="mOver(this);" onmou<a href="/tag/SEO/" title="SEO">SEO</a>ut="mOut(this);">
把鼠标移动到该区域
</p>
实例四:
函数
//开始定时器,以10毫秒为单位
myTimer = window.setInterval("scrollPage()",10);
}
//停止函数
function stopIt(){
//取消定时器
clearInterval(myTimer);
}
//滚动屏幕的函数
function scrollPage(){
window.scrollBy(0,1); //以一个像素为单位开始滚屏
}
document.onmousedown = stopIt; //监听单击事件
document.ondblclick = startIt; //监听双击事件
实例五:
鼠标放上链接出现不同的颜色链接的mouSEOver事件
function defineLinkColor(){
//获得网页里所有的链接的DOM
var linkDOMs = document.getElementsByTagName("a");
//遍历所有的链接DOM
for(var i=0; i链接的mouSEOver定义事件回调
linkDOMs[i].onmouSEOver = function(){
this.style.color = 'red'; //为当前的链接改变颜色样式
}
linkDOMs[i].onmouSEOut = function(){
this.style.color = ''; //恢复默认
}
}
}