jquery는 단순히 마우스를 구현하여 탐색 bar_jquery를 통해 배경 이미지를 변경합니다.
- WBOY원래의
- 2016-05-16 17:08:381076검색
复主代码 代码如下:
<머리>
<스타일>
*{
여백:0;
패딩:0;
}
본문{
text-align:center;
배경:노란색;
}
#컨테이너{
너비:962px;
높이:자동;
배경:url(b3.jpg);
여백:0px 자동;
}
#head{
높이:100px;
폭:100%;
}
.head_ul{
list-style:none;
왼쪽 여백:200px;
}
.head_ul li{
float:left;
너비:90px;
높이:50px;
줄 높이:40px;
글꼴 크기:20px;
여백 상단:40px;
배경:url(b1.png);
}
.head_ul li a{
텍스트 장식:없음;
}
#main{
너비:100%;
높이:1500px;
}
#왼쪽{
너비:30%;
높이:100%;
플로트:왼쪽;
}
#right{
너비:70%;
높이:100%;
플로트:왼쪽;
}
#clear{
clear:둘 다;
}
#발{
높이:100px;
폭:100%;
}
<스크립트>
$(function(){
$(".head_ul li").hover(function(){
$(this).css('배경','url(b2.png)') ;
},function(){
$(this).css('배경','url(b1.png)')
}
});
<본문>