鼠标滑过和获取焦点样式

　

鼠标滑过

cursor属性:定义了鼠标指针放在一个元素边界范围内时所用的光标形状

设置不同的属性值会出现不同的效果：

文本：例如一段文字，鼠标放上去，鼠标变成不同的形状

1. cursor:default   -->默认的是箭头的形状
2. cursor:move     -->让鼠标样式变成移动的样式（十字架）
3. cursor:text        -->让鼠标样式变成选择(一个大写的i)
4. cursor:pointer   -->让鼠标样式变成小手

但对于一些其他的元素，鼠标放上去也有不同的样式或者设置自己想要的样式，

例如：input元素，你为它设置了边框的大小，颜色，但是一旦你获得焦点，这个input的边框的颜色会变成蓝色，这与你预期的效果有所差异。为了消除这种现象，你只要在你的样式中加入一行如下代码：

outline: none;/*取消蓝色轮廓线*/

例如：textarea元素，你给它设置了行列数，但当你获取文本域的焦点时，整个文本域的右下角会有一个小标志，你拖动这个标志是可以进行放大该文本域的大小的，这个特性其实在一般的情况下是不利于网页设计的。为了解决这个问题，我们只需要在样式中加入一行如下代码：

resize: none;/*防止拖拽(文本域变大)*/

相关阅读

鼠标在图片上移动，图片实现微动的效果

wrapNode.find('.banner').on("mousemove",function(e) { var ax = -($(window).width()/2- e.pageX)/100;

FPS游戏鼠标怎么选购?

FPS游戏对鼠标的综合性能有着最为苛刻的要求。总的来说，一款好的FPS游戏鼠标至少要求定位精准、反应迅速，并且具有良好的手感等；具体

sketchup2016使用鼠标滚轮不能旋转视角该怎么办?

新手使用Sketchup，逐步熟悉过程中、突然发现鼠标滚轮按下之后不再像以前一样可以旋转视角，鼠标图案变成了带上下三角的圆圈，百度了好

开机黑屏 只显示鼠标 电脑黑屏 只有鼠标 移动 [已成功

原文地址为：开机黑屏 只显示鼠标 电脑黑屏 只有鼠标 移动 [已成功解决] 转自：http://blog.sina.com.cn/hyiyun 近些天，有网友

Axure教程：手把手教你做截获鼠标指针（或鼠标变手型跟随）

昨天突发感想，教大家做了个Axure导航栏或广告悬停的效果。今天我又心血来潮了，再教你们一个很实用的  应用场景：截获鼠标指针，做鼠标