
$("*").hover(function(){
function () {
$(this).addClass("你css的class名称")
},
function () {
$(this).removeClass("你css的class名称")
}
})
}}
但是首先你要定义一个给对象添加圆圈背景的css,然后响应的改下值就行了
如果是支持CSS3的浏览器,定义border-radius属性,就是盒模型的边界圆角,值越大越圆。用jquery做的话,就是定义一个带border-radius的class,然后选择相应的元素,在hover事件中使用addClass方法添加这个class。
但是,这是不好的做法,或者说是dumb way。因为直接使用css的hover伪类就可以实现,完全不需要借助jquery或者说js
例如你的这几个div拥有一个class,title-div,那么只需要
.title-div:hover {
border-radius: 8px
}
就可以实现鼠标一上去圆角。
不过要是需要兼容IE6/7/8这种不支持CSS3特性的浏览器,就得使用CSS3Pie之类的库,你可以搜索下,在官网上看看他介绍。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)