jQuery实现鼠标滑过Div层背景变颜色的方法

正文实例陈说了jQuery达成鼠标滑过Div层背景变颜色的艺术。分享给大家供大家参谋。具体完结格局如下:

jQuery完成鼠标滑过Div层背景变颜色的点子

 那篇小说首要介绍了jQuery达成鼠标滑过Div层背景变颜色的不二秘技,涉及jQuery中hover及addClass方法的应用技术,具备自然参照他事他说加以考察借鉴价值,须要的对象能够参照下

 

 

本文实例陈述了jQuery实现鼠标滑过Div层背景变颜色的章程。分享给大家供大家参谋。具体完结格局如下:

 

代码如下:

<html>
<head>
<title>jQuery完成感应鼠标经过Div层转变图层背景颜色卡塔尔(قطر‎</title>
<style type=”text/css”>
.divbox{
height:300px;
width:200px;
background:#ffffff;
border:solid 1px #ccc;
float:left;
margin-right:10px;
}
.divOver{
background:#eff8fe;
border:solid 1px #d2dce3;
}
#zztj{color:#ffffff;}
#zztj a,#zztj a:link,#zztj a:visited,#zztj a:active
{color:#ffffff;}
#zztj a:hover {color:#ffffff;}
</style>
<script src=”/images/jquery.js”></script>
<script language=”javascript”>
$(function(){
//当鼠标滑入时将div的class换来divOver
$(‘.divbox’).hover(function(){
$(this).addClass(‘divOver’);
},function(){
//鼠标离开时移除divOver样式
$(this).removeClass(‘divOver’);
}
);
});
</script>
</head>
<body>
<div id=”menu”>
<div class=”divbox”>区块A</div>
<div class=”divbox”>区块B</div>
<div class=”divbox”>区块C</div>
</div><br>提醒:倘诺不突显预览效果,请<font
color=red>刷新一下本页面</font>,因调用了远间距的jquery插件,须要加载成功技巧运维。
</body>
</html>

 

期待本文所述对大家的jQuery程序设计有着协理。

那篇小说主要介绍了jQuery落成鼠标滑过Div层背景变颜色的章程,涉及jQuery中hover及addClass方法的利用…

复制代码 代码如下:

连锁小说

有关寻觅:

前几日看甚

寻觅本领库

重临首页

  • xp系统装置休眠后无法唤起是怎么回事呢
  • winxp系统怎样加多打字与印刷机?
  • php数组随机排序实现形式
  • IDisposable接口
  • Java与Wechat一定要说的传说——实现Wechat公众
  • SVG绘图(二State of Qatar ——
    渲染满天星辰,svg满天

连锁频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前面三个代码  正则表明式  Flex教程  WEB前端教程  

jQuery完成感应鼠标经过Div层转换图层背景颜色State of Qatar

帮客批评

区块A

区块B

区块C

唤醒:如若不显得预览效果,请刷新一下本页面,因调用了中远距离的jquery插件,须求加载成功技术运维。

指望本文所述对我们的jQuery程序设计有着扶持。

发表评论

电子邮件地址不会被公开。 必填项已用*标注