用css和javascriptjquery怎么实现鼠标放上去,动态画一个圆圈,圆圈里面的数字也改变的效果!谢谢大神!

用css和javascriptjquery怎么实现鼠标放上去,动态画一个圆圈,圆圈里面的数字也改变的效果!谢谢大神!,第1张

给你个思路:${functon(){

$("*").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之类的库,你可以搜索下,在官网上看看他介绍。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/11828147.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存