jquery 간단 롤오버
2017. 3. 27. 10:10ㆍ웹자료
jquery는 물론 아래줄 처럼 jquery 경로를 넣어주셔야합니다.
<script type="text/javascript" src="jquery.js"> |
마우스가 올라갈때는 이미지명을 on
내려갈때는 이미지명에 off 가 포함되어 있으면 됩니다.
가령 이미지명을 menu_on_01.jpg , menu_off_01.jpg
* 소스
<script type="text/javascript">
$(function() {
$("img.gnbimg").mouseover(function() {
$(this).attr("src", $(this).attr("src").replace("off","on"));
});
$("img.gnbimg").mouseout(function() {
$(this).attr("src", $(this).attr("src").replace("on", "off"));
});
});
</script>
'웹자료' 카테고리의 다른 글
부트스트랩이란~ (0) | 2017.03.28 |
---|---|
부트스트랩_기본코딩소스 (0) | 2017.03.28 |
jquery 배열로 된 변수일때 체크박스 전체체크 해제 (0) | 2017.03.27 |
getresponse api 붙이기 겟리스폰스 php (0) | 2017.03.27 |
html5 시작 태그 (0) | 2017.03.27 |