jQuery Plug-in accordion
2021. 12. 20. 11:39ㆍStudy/Example & Plug-in
jQuery Plug-in accordion
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{margin:0;padding:0;}
body{margin:50px;}
img{border:0;}
li{list-style:none;}
#motionj_accrn_01{width:500px; border:2px solid #CCC;}
</style>
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.motionj.accordion.ad.js"></script>
<script>
$(document).ready(function(){
$('#motionj_accrn_01').motionj_accordion_ad({
i_width :350, // 이미지 너비
width : 500, // 전체 박스 너비
height : 150, // 높이
speed : 300, // 넘어가는 속도
delay : 3000, // 컷 딜레이
start : 0 // 스타트
});
});
</script>
</head>
<body>
<div id="motionj_accrn_01">
<ul>
<li><a href="#"><img src="images/a1.jpg" /></a></li>
<li><a href="#"><img src="images/a2.jpg" /></a></li>
<li><a href="#"><img src="images/a3.jpg" /></a></li>
<li><a href="#"><img src="images/a4.jpg" /></a></li>
</ul>
</div>
</body>
</html>
'Study > Example & Plug-in' 카테고리의 다른 글
| jQuery Plug-in coin-slider (0) | 2021.12.20 |
|---|---|
| jQuery Plug-in slide_left (0) | 2021.12.20 |
| jQurey Plug-in fadeBanner (0) | 2021.12.20 |
| jQuery Plug-in move_banner (0) | 2021.12.20 |
| jQuery plug-in s3slider (0) | 2021.12.20 |
