http://www.itcan.kr/?doc=list.php&id=portfolio1
응용
<!DOCTYPE HTML>
<HTML lang="KO">
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menu').hover(function() {
$(this).stop().animate({scrollTop:20}, 100);
},function() {
$(this).stop().animate({scrollTop:0}, 100);
});
});
</script>
</head>
<body>
<div class="menu" style="border:0px; width:100px; height:20px; overflow:hidden; float:left;"> <img src="bu_001.jpg" style="width:100px; height:20px; display:block;" /> <img src="bu_002.jpg" style="width:100px; height:20px; display:block;" /> </div>
<div class="menu" style="border:0px; width:100px; height:20px; overflow:hidden; float:left;"> <img src="bu_003.jpg" style="width:100px; height:20px; display:block;" /> <img src="bu_004.jpg" style="width:100px; height:20px; display:block;" /> </div>
</body>
</html>
'스크립트 > Image,Text관련' 카테고리의 다른 글
| div 로 점선 표시해보자. (0) | 2015.12.07 |
|---|---|
| 채크박스 check input 클릭시 추가 입력란 나오게 (0) | 2012.03.07 |
| 갤러리 스크롤러 scroller (0) | 2012.01.31 |
| google api 로 현재위치 찾기 (0) | 2011.12.25 |
| png 투명화 방법 (0) | 2011.08.25 |
