分享更有价值
被信任是一种快乐

jquery如何用CSS()设置鼠标禁止样式

文章页正文上

本篇内容主要讲解“jquery如何用CSS()设置鼠标禁止样式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何用CSS()设置鼠标禁止样式”吧! 方法:只需用CSS()将鼠标样式属性“cursor”的值设置为“not-allowed”即可,语法为“元素对象.css(“cursor”,”not-allowed”)”或“元素.css({“cursor”:”not-allowed”})”。本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。想要设置鼠标禁止样式,只需用的cursor属性。只需用CSS()将鼠标样式属性“cursor”的值设置为“not-allowed”即可。设置语法有两种:
实现示例:
一个p元素,让鼠标移动到该元素上说明:cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。当cursor属性的属性值为“not-allowed”,则鼠标光标形状为禁止图案。cursor属性取值如下,默认值为defaultcrosshair;十字准心光标表现为十字准线cursor: pointer;
cursor: hand;
写两个是为了照顾IE5,它只认hand。手光标标以暗示(手指)的形式来表明有一个连接
cursor: wait;等待/沙漏光标暗示当前程序正忙(一般为一块表或是一个沙漏)cursor: help;帮助光标暗示当前位置可得到帮助(一般为问号或是气球)cursor: no-drop;无法释放cursor: no-drop;cursor: text;文字/编辑光标暗示当前所处位置为文字内容cursor: move;可移动对象光标暗示一些东西应该被移动cursor: n-resize;向上改变大小(North)边缘可向上移动(北)cursor: s-resize;向下改变大小(South)边缘可向下方移动(南)cursor: e-resize;向右改变大小(East)box边缘可向右(东)边移动cursor: w-resize;向左改变大小(West)边缘可向左移动(西)cursor: ne-resize;向上右改变大小(North East)光标暗示box的边缘可向右上方移动(东北方向)cursor: nw-resize;向上左改变大小(North West)边缘可向左上方移动(西北)cursor: se-resize;向下右改变大小(South East)边缘可向右下方移动(东南)cursor: sw-resize;向下左改变大小(South West)边缘可向左下方移动(西南)cursor: auto;自动浏览器设置一个光标cursor:not-allowed;禁止cursor:not-allowed;cursor: progress;处理中cursor: progress;cursor: default;系统默认默认的光标状态(通常为一个箭头)cursor: url(‘ # ‘);
# = 光标文件地址 (注意文件格式必须为:.cur 或 .ani)。用户自定义(可用动画)自定义光标的url位置注意:免费云主机、域名在定义完自定义的光标之后在末尾加上一般性的光标,以防那些url所定义的光标不能使用大家可能会说,cursor属性值这么多,怎么记呀?其实大家不用担心,在实际开发中,我们一般只用到“default”和“pointer”这两个属性值,其他的一般都很少用得上。如果实在没办法还需要其他的,那就回来查这种表就行了。到此,相信大家对“jquery如何用CSS()设置鼠标禁止样式”有了更深的了解,不妨来实际操作一番吧!这里是云技术网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: react如何实现五星评价功能

这篇文章主要介绍了react如何实现五星评价功能的相关知识,内容免费云主机、域名详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇react如何实现五星评价功能文章都会有所收获,下面我们一起来看看吧。 react实现五星评价的方法:1、设置五个元素,…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册