15.4 鼠标特效

利用JavaScript还可以制作出各种各样的鼠标特效,下面就通过三个实例讲述禁止鼠标右击、跟随鼠标指针的图像和跟随鼠标指针的滚动字幕效果的制作。

15.4.1 禁止鼠标右击

在一些网页上,当用户单击鼠标右键时会弹出警告窗口或者直接没有任何反应。其作用是让用户无法使用鼠标右键中的相应功能,从而限制用户一定的操作权限。禁止鼠标右击的具体操作步骤如下:

1 打开网页文档,在<head>与</head>之间相应的位置输入以下代码。

image353_1

2 保存文档,在浏览器中预览效果,如图15.10所示。

image353_2

图15.10 禁止鼠标右击

15.4.2 跟随鼠标指针移动的图像

跟随鼠标指针移动的图像是一种特殊的鼠标效果,跟随鼠标指针移动的图像具体操作步骤如下:

1 打开网页文档,在<body>和</body>之间相应的位置输入以下代码。

image353_3

2 保存文档,在浏览器中预览效果,如图15.11所示。

image355_1

图15.11 跟随鼠标指针移动的图像效果

15.4.3 跟随鼠标指针的滚动字幕

跟随鼠标指针的滚动字幕的具体操作步骤如下:

1 打开网页文档,在<head>和</head>之间相应的位置输入以下代码。

image355_2

2 将光标放置在<body>标记内,输入代码onLoad="makesnake()"style="width:100%;overflow-x:hidden;overflow-y:scroll"。

3 在<body>与</body>之间相应的位置输入以下代码。

image357_1

4 保存文档,在浏览器中预览效果,如图15.12所示。

image357_2

图15.12 跟随鼠标指针的滚动字幕效果