메뉴가 위에서 살짝 나오는 jQuery plugin 'overly_menu'
overly menu
메뉴가 위에서 살짝 떨어지는 플러그인을 만들었습니다.
데모
사용법
html 파일 <head>
inedex.html<head>
<link rel="stylesheet" href="style/jquery.overly.min.css" />
<script src="javascript/jquery.overly.js"></script>
</head>
</body>의 직전에 이하를 기술
inedex.html<script>
$(function() {
$('#overly_menu').overly_menu();
});
</script>
옵션
'speed': 위에서 내려오는 속도
'color': 메뉴 배경색
'opacity': 메뉴 배경 투명도
'style': 메뉴를 정렬하는 방법
'hover': 메뉴에 mouseover했을 때의 거동
기본 설정
inedex.html$(function() {
$('#overly_menu').overly_menu({'speed': 300,
'color': 'rgba(0, 0, 0, 0.8)',
'opacity': 0.8,
'style': 'list',
'hover', 'font-size'
});
});
Download .zip(mac)
source(github)
요청이나 버그가 있으면 코멘트와 issue, 풀릭에서 부탁드립니다.
아직 개발 도중이므로, 사용하기 어려운 곳도 많다고 생각합니다만 잘 부탁드립니다!
Reference
이 문제에 관하여(메뉴가 위에서 살짝 나오는 jQuery plugin 'overly_menu'), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sottar/items/7377d50991521fdfd1f0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<head>
<link rel="stylesheet" href="style/jquery.overly.min.css" />
<script src="javascript/jquery.overly.js"></script>
</head>
<script>
$(function() {
$('#overly_menu').overly_menu();
});
</script>
$(function() {
$('#overly_menu').overly_menu({'speed': 300,
'color': 'rgba(0, 0, 0, 0.8)',
'opacity': 0.8,
'style': 'list',
'hover', 'font-size'
});
});
Reference
이 문제에 관하여(메뉴가 위에서 살짝 나오는 jQuery plugin 'overly_menu'), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sottar/items/7377d50991521fdfd1f0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
