Web Materia BLOG

ウェブマテリアブログ

May

02

2014

0

COMMENTS

hover時に特定の要素にclassを付与する方法

Category:Javascript

hover時に特定の要素にclassを付与する方法
  下記の例文ではa要素がhover状態になった際にtitleのclassの箇所にnew-classというclassを付与する構文となります。   HTML
<p class="title">文章</p>  //classを付与させる要素
<a href="#" class="mybutton">Read more</a> //ここがhover時になった時にclassを付与します。
  Javascript
<script type="text/javascript">
$(document).ready(function () {
$(".mybutton").hover(
function () {
$(".title").addClass("new-class");
},
function () {
$(".title").removeClass("new-class");
}
);
});
</script>

Comments

comments



Archive

Category


PageTOPへ