`
berrywu
  • 浏览: 127840 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

CSS鼠标样式

阅读更多

用css控制鼠标样式的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:

下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型
pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

分享到:
评论

相关推荐

    CSS 鼠标样式和手指样式整理

    在交互性方面,CSS鼠标样式是一个重要的细节,它能增强用户体验,使用户更直观地了解元素的可操作性。本文将详细介绍15种常见的CSS鼠标样式及其应用场景。 1. `cursor: hand` 或 `cursor: pointer`:这是最常见的...

    css3最新鼠标划过样式

    在CSS3中,鼠标划过样式(Hover效果)是一种常用的技术,用于改变用户将鼠标光标悬停在元素上时的视觉表现。这种效果能够增强用户界面的交互性和吸引力,常用于按钮、链接、菜单等元素。在"css3-hoverButton"这个...

    jQuery css3荷塘里小鱼动画特效

    为了实现荷塘里的小鱼动画,开发者可能创建了一个或多个HTML元素代表小鱼,然后用CSS3来定义这些元素的初始样式和动画样式。例如,可以设置鱼的形状、颜色以及初始位置。接着,利用jQuery选择器找到这些元素,通过`....

    CSS-cursor鼠标样式一览表

    总之,CSS的`cursor`属性是增强网页交互性和用户体验的重要工具,通过合理使用预定义的鼠标样式和自定义图像,开发者能够更好地引导用户在网页上进行操作。在实际开发中,应根据页面功能和设计需求,巧妙地运用这些...

    网页制作鼠标样式 各种样式

    首先,我们要明白鼠标样式是通过CSS(Cascading Style Sheets)语言来定义的。CSS允许开发者自定义鼠标的外观,包括形状、大小和动画效果。基础的鼠标样式设置通常用`cursor`属性完成,例如: ```css selector { ...

    arcgis for js自定义鼠标样式.zip

    自定义鼠标样式涉及到CSS(Cascading Style Sheets)和JavaScript的结合。在“map.html”这个文件中,通常会包含HTML结构以及引用ArcGIS JavaScript API的脚本。你可以通过修改CSS类或者使用JavaScript API的特定...

    易语言CSS链接样式

    1. **CSS链接样式**:在网页中,链接通常有四种状态:正常(未访问)、已访问、鼠标悬停和活动(点击中)。在CSS中,我们可以使用`a:link`、`a:visited`、`a:hover`和`a:active`选择器分别设置这些状态的样式。例如...

    各种CSS按钮样式

    "各种CSS按钮样式"的主题聚焦于利用CSS创建不同风格和功能的按钮,这些按钮是用户界面中的关键元素,用于触发交互。这篇博文可能是介绍了一系列CSS技巧和代码示例,帮助开发者实现多种视觉效果的按钮。 首先,CSS...

    备忘:兼容ff和ie的鼠标样式+javascript字符串hash+浮动提示

    2. **CSS鼠标样式**:通过CSS的`cursor`属性可以设置鼠标指针样式,如`pointer`表示手型,`text`表示文本编辑模式。在IE和Firefox下可能需要写入特定的浏览器前缀,如`-moz-`和`-webkit-`。 3. **JavaScript字符串...

    10款很棒的菜单CSS样式

    这些CSS样式可能包括渐变过渡、旋转、缩放、滑动等多种动画效果,使得用户在鼠标指针经过菜单项时有明显的视觉反馈。 3. **彩色菜单**:色彩是传达品牌信息和创建视觉层次的有效工具。这10款CSS样式可能包含使用...

    CSS按钮样式大全(精选)

    4. **悬停、激活和聚焦状态**:利用`:hover`、`:active`和`:focus`伪类,改变鼠标悬停、点击时和获取焦点时的样式,增强用户体验。 5. **过渡效果**:`transition`属性可为按钮添加平滑的动画效果,如颜色变化、...

    鼠标样式包(拿去用).zip

    此压缩包内的“鼠标样式包”可能包含了CSS、JavaScript或SVG等多种格式的文件,它们用于定义和实现不同的鼠标样式。CSS(层叠样式表)文件可以用来改变鼠标的外观,通过设置`cursor`属性,我们可以轻松地更改鼠标...

    50个css button样式

    5. **状态转换**:CSS3引入了`:hover`、`:active`和`:focus`伪类,用于改变鼠标悬停、按下和获取焦点时的按钮样式,增加交互反馈。 6. **过渡效果**:`transition`属性允许平滑地改变一个或多个CSS属性,为按钮添加...

    DIV+CSS漂亮的样式

    本资源包“漂亮样式CSS”包含了几个精心设计的`DIV+CSS`样式示例,特别是3D按钮和层模拟窗口移动的效果,这些都是现代网页设计中非常流行和实用的元素。 首先,3D按钮是提升网页界面视觉吸引力的重要元素。在CSS3的...

    纯css鼠标滑过动态导航

    "纯CSS鼠标滑过动态导航"是一种使用纯CSS(Cascading Style Sheets)技术实现的交互效果,当用户将鼠标悬停在导航菜单项上时,会触发一系列动态变化,增强用户体验。这种技术无需JavaScript或者其他编程语言,只需...

    css 链接样式.

    在网页设计中,CSS(Cascading Style Sheets)起着至关重要的作用,它负责定义页面的布局和样式。其中,链接样式是CSS中一个基础但关键的方面,它关乎到用户体验和网站的导航清晰度。本篇文章将深入探讨CSS如何控制...

    css样式表中文手册

    **CSS(层叠样式表)**是Web前端开发中的核心技术之一,用于定义网页的布局、颜色、字体等视觉效果。CSS样式表手册是开发者学习和查阅CSS规则的重要参考资料,尤其对于中文用户,中文手册能更直观、准确地理解概念和...

    css基础知识word版

    CSS鼠标样式与边框** - **cursor**:改变鼠标指针形状。 - **border**属性:包括宽度、颜色和样式,用于创建元素边框。 **22-23. CSS边外补白和边内补白** - **margin**:控制元素周围的空白区域。 - **padding**...

    css鼠标移上去变手样式

    除了`pointer`外,CSS还提供了许多其他类型的鼠标样式,可以根据不同的应用场景来选择合适的样式。以下是一些常用的值: - **`default`**:默认鼠标指针。 - **`pointer`**:手形指针,常用于链接。 - **`help`**:...

Global site tag (gtag.js) - Google Analytics