javascript网页特效—

实例一：禁用鼠标右键

<script type="text/javascript">//为文档的鼠标按下事件定义回调document.onmousedown = function(event){//判断事件的值是否为鼠标右键if (event.button == 2){alert('禁用鼠标右键!');   //提示用户禁用鼠标右键}}</script>

0 没按键
1 按左键
2 按右键
3 按左键和右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键

实例二：动态定义鼠标指针形状

<script type="text/javascript">//初始化鼠标形状function initMouse(){//通过标签名得到目标DOM，如果是全网页则这里可以用bodyvar pDom = document.getElementsByTagName("p")[0];//修改样式的鼠标指针形状，pointer为手的形状pDom.style.cursor = 'pointer';}           </script>

名称                   属性代码
默认箭头样式           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

实例三：鼠标进出时字体大小变化

<script type="text/javascript">//鼠标指针移进function mOver(pDOM){pDOM.style.fontSize = '20px';   //调整字体大小为20个像素}   //鼠标指针移出function mOut(pDOM){pDOM.style.fontSize = '';       //调整字体大小样式为默认}
</script><!-- 定义一块区域 --><p style="margin:5px auto; width:100px; height:100px; border:1px solid black;" onmouseover="mOver(this);"  onmouseout="mOut(this);">把鼠标移动到该区域</p>

实例四：

<script type="text/javascript">var nowPos;                 //当前的位置var myTimer;                    //定时器变量function startIt(){             //开始函数//开始定时器，以10毫秒为单位myTimer = window.setInterval("scrollPage()",10);}//停止函数function stopIt(){//取消定时器clearInterval(myTimer);}//滚动屏幕的函数function scrollPage(){window.scrollBy(0,1);   //以一个像素为单位开始滚屏}document.onmousedown = stopIt;  //监听单击事件document.ondblclick = startIt;      //监听双击事件
</script>

实例五：鼠标放上链接出现不同的颜色

<script type="text/javascript">         //定义链接的mouseover事件function defineLinkColor(){//获得网页里所有的链接的DOMvar linkDOMs = document.getElementsByTagName("a");//遍历所有的链接DOMfor(var i=0; i<linkDOMs.length; i++){//为每一个链接的mouseover定义事件回调linkDOMs[i].onmouseover = function(){this.style.color = 'red'; //为当前的链接改变颜色样式}linkDOMs[i].onmouseout = function(){this.style.color = '';      //恢复默认}}}
</script>

实例六：让鼠标滑轮失效

<script type="text/javascript">     function init(){//重新定义document的滑轮滑动的事件回调函数document.onmousewheel = function(){alert('禁止使用滑轮');    //提示用户不可以用滑轮return false;           //返回false，什么也不操作(这句不能少，否则还是会滚动)};}
</script>

javascript网页特效——鼠标特效相关推荐

html页面鼠标特效,鼠标特效_网页制作大宝库免费网页特效代码
日期:2010-12-01点击:7282 鼠标指向出现实用特殊提示 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/ ...
html富强民主鼠标特效,鼠标特效：点击显示富强、民主、文明、和谐、自由、平等.........
/* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) ...
JS特效(鼠标特效)
1.鼠标移入文本框边手型特效: $("#Text1").mouseover(function () {document.getElementById("Text1&quo ...
php实现页面雪花效果,JavaScript_使用javascript实现雪花飘落的效果，看了javascript网页特效实例大全 - phpStudy...
使用javascript实现雪花飘落的效果看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈 ...
实用JavaScript网页特效编程百宝箱pdf
下载地址:网盘下载内容介绍编辑计算机的出现是人类历史上的伟大创举,因为它正在彻底改变着人们生活中的方方面面,网络化的计算机更是日益渗透到社会发展的各个应用领域,从20世纪五六十年代网络雏形发展到 ...
《JavaScript网页特效经典300例》
<JavaScript网页特效经典300例> 基本信息作者: 杨磊张志美丛书名: 百炼成钢系列丛书出版社:电子工业出版社 ISBN:9787121220524 上架时间:20 ...
JavaScript网页特效学习笔记1
在网络中有许多的特效都是用JavaScript编写的,这几天通过看书和看视频,简单的学习了几个网页常见的特效,和大家分享一下. 1.使HTML页面反向显示我们浏览网页的时候,都是正向显示的.可以通过 ...
JavaScript网页特效-浮现社会主义核心价值观文字动画效果
1.案例呈现用户在页面单击鼠标左键,页面浮现"富强"."民主"."文明"."和谐"."自由".&q ...
javascript实例——鼠标特效篇(包含2个实例)
鼠标是现在电脑的基本配置之一,也是最常用的输入命令的工具之一.本文将将一些与鼠标有关系的特效. 1.跟随鼠标移动的彩色星星如题,会根据鼠标的移动而移动,并在鼠标周围随机来回移动,让人感觉在放大缩小. ...

javascript网页特效——鼠标特效

实例一：禁用鼠标右键

实例二：动态定义鼠标指针形状

实例三：鼠标进出时字体大小变化

实例四：

实例五：鼠标放上链接出现不同的颜色

实例六：让鼠标滑轮失效

javascript网页特效——鼠标特效相关推荐

最新文章

热门文章