hand:家所熟悉手型
crosshair:十字型乌龟首页所用式
text:平鼠标移文本式
wait:等待效
default:默认
help:带问号鼠标式！
<!DOCTYPE html"><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>RunJS 演示代码</title>
<style>
.active{
color:pink
}
.sub-nav-active{
color:red
}
.pp{
color:green
}
</style>
<script>
$(function(){
$(".nav-item").hover(function(){
$(this).toggleClass("active")
.siblings(".nav-item.active")
.end()
.next('.sub-nav-show').toggleClass('sub-nav-active')
.next(".nav-show").toggleClass("active")
})
})
</script>
</head>
<body>
<ul>
<li>
<dl class="nav-item">新增样式 active</dl>
<div class="sub-nav-show">新增样式 sub-nav-active</div>
<div class="nav-show">新增样式 active</div>
<dl class="nav-item">新增样式 active</dl>
<div class="sub-nav-show">新增样式 sub-nav-active</div>
<div class="nav-show">新增样式 active</div>
<dl class="nav-item">新增样式 active</dl>
<div class="sub-nav-show">新增样式 sub-nav-active</div>
<div class="nav-show">新增样式 active</div>
</li>
</ul>
</body>
</html>
JQ为CSS添加样式，可以使用jQuery CSS *** 作 的css() 方法
定义和用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。
设置 CSS 属性
设置所有匹配元素的指定 CSS 属性。
$(selector).css(name,value)实例
/*将所有段落的颜色设为红色：*/$("p").css("color","red")
设置多个 CSS 属性/值对
$(selector).css({property:value, property:value, ...})把“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
实例
实例$("p").css({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
})
也可以通过Jquery 属性 *** 作的removeClass、addClass方法移除元素类名或者添加元素类名的方式达到修改元素样式的效果。详细内容可以百度“jQuery 参考手册 - 属性 *** 作”
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）