일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- #홈페이지
- #뉴스
- #업종별
- 홈페이지제작
- #jQuery
- #해피CGI
- #쇼핑몰
- javascript
- CGIMALL
- 해피씨지아이
- #이미지
- #웹솔루션
- 게시판
- 해피CGI
- 사이트제작
- #CSS
- CSS
- php
- #솔루션
- 웹솔루션
- jquery
- 솔루션
- #홈페이지제작
- #cgimall
- #동영상
- 홈페이지
- happycgi
- 쇼핑몰
- #image
- #happycgi
- Today
- Total
목록#버튼 (14)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
버튼을 클릭하면 화면에 이펙트가 생기는 스크립트 입니다. 클릭했을때 화면에 보이는 몇가지 유형의 효과가 있지만, 스크린샷으로 저장하기는 쉽지가 않네요. 소스코드도 단순해서 버튼에 동적인 효과를 줄때 쉽게 사용이 가능할것 같네요 출처는 http://www.htmldrive.net/items/show/1846/animateClick-with-jQuery 입니다. 각 클릭했을때 어떤 효과가 생기는지는 아래의 데모를 통해서 바로 확인이 가능합니다. http://www.htmldrive.net/items/demo/1846/animateClick-with-jQuery
* ckeditor - Simple Button - 이 플러그인은 문서내에 일반 또는 링크 버튼을 간편하게 생성할 수 있게 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/simplebutton - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'simplebutton'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 버튼에 들어갈 문구와 링크 URL, 버튼 색상을 선택하면 완료 - 버튼..
클릭하면 아래 이미지로 변경이 됩니다. 해당 사이트에서 html, css, js 소스를 확인할 수 있습니다.