Sexy Drop Down Menu w/ jQuery & CSS
 
Sexy Drop Down Menu음... 메뉴 이름이 참 좋네요. 섹시 -_-; 드랍메뉴가 존재할 경우 화살표 아이콘을 클릭해야 메뉴가 나오는 형식입니다. 전 이 형식이 불편해서 그냥 메뉴에 마우스 오버하면 바로 드랍되게 바꿔서 사용하...
|
|
Sliding Jquery Menu
Sliding Jquery Menu간결한 효과가 마음에 듭니다. 말 그대로 슬라이딩이네요 ^-^ 바로가기 메뉴나 메인메뉴에 사용할 수 있을 것 같네요.
다운로드 : http://www.hv-designs.co.uk/tutorials/sliding_menu/sample.zip 미리보기 : http...
|
베이직한 세로 Drodown Menu
베이직한 세로 Drodown Menu 입니다. 코드도 간단해서 사용하기 편합니다. jQuery와 일반 javascript 두가지 모두 들어 있네요. jQuery를 사용하지 않으실 경우엔 javascript로 사용하시면~ ^-^ 미리보기 : http://designreviver.c...
|
컨텐츠+이미지 슬라이드쇼 2가지
컨텐츠+이미지 슬라이드쇼 2가지를 소개합니다.1. jQuery Slideshow Explained
바로가기 : http://www.devirtuoso.com/2009/08/jquery-slideshow-explained/ 데모보기 : http://www.devirtuoso.com/Examples/Slide-Show/ 2. Making a Slide...
|
|
FACEBOOK 스타일 하단 패널
Facebook Style Footer Admin Panel 커뮤니티 사이트에서 유용하게 사용될 수 있을 것 같군요. 회원 로그인 뒤 무언가 활동을 해야하는 사이트는 하단패널의 사용으로 사용성을 높일 수 있겠네요. 우리나라의 예로 들면 세이...
|
|
마우스 오버시 썸네일 이미지 줌효과와 제목 보여주기
[2]
jQuery Thumbnail with Zooming Image and Fading Caption Tutorial 마우스 오버시 썸네일 이미지 줌효과와 제목을 페이딩 합니다. 깔끔하게 갤러리 리스트나 최신글 썸네일 리스트에 사용하면 좋을 것 같군요.
다운로드 : h...
|
|
jSquares for jQuery
사각형 이미지들에 마우스를 올리면 컨텐츠박스가 나오는 형식인데 사각형 배치를 잘 하면 멋진 사이트 메인을 만들어낼 수 있을 것 같군요.
다운로드 : http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/ 데모 : http://boe...
|
|
Feature List
jQuery Plugin - Feature List언제가 한번은 써먹을 것 같아서 올려둡니다; 디자인도 깔끔해서 그냥 그대로 사용해도 전혀 무방하겠군요. 다운로드 : http://jqueryglobe.com/article/feature-list 데모 : http://jqueryglobe.com/labs/fea...
|
|
드래그 쿠키 레이어 팝업
드래그 쿠키 레이어 팝업 <script type="text/javascript" src="http://vozzang.net/vzscript/js/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://vozzang.net/vzscript/js/jquery/ui/jquery-ui-1.7.2.custom.drag.js"></sc...
|
|
메인 네비게이션(GNB) 텍스트 버전
JQuery 메인 네비게이션(GNB) 텍스트 버전 입니다.
뼈대가 되는 JQuery는 검색을 통해서 얻었으며 제가 나름대로 표현했습니다;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D...
|
|
new window (팝업)
[1]
새창을 jQuery로 손쉽게 이용해 봅시다. 1. 단순히 새창 띄울 때 $(function(){
$('a.popup').click(function(){
window.open(this.href);
return false;
});
});
2. 창의 크기 지정해주고 포커스 이동까지 $('a.popup').live('cli...
|
|
심플한 롤오버 이미지
Easy Image Rollover Script With jQuery jQuery Code $(document).ready( function() { PEPS.rollover.init(); }); PEPS = {}; PEPS.rollover = { init: function() { this.preload(); $(".ro").hover( function () {...
|
|
슬라이드 패널
Jquery 슬라이드 패널 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conten...
|
|
썸네일 이미지뷰
Jquery 썸네일 이미지뷰
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont...
|
