웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
글 수 186
0
조회 수 : 3983 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구먼저 로딩이미지는 아래주소로 가시면 팁이 있습니다.
http:///385406
만드신 로딩이미지는 서버에 업로드 하시고
페이지 body 바로 아래 XE기준으로는 레이아웃 상단에 아래의 소스를 넣습니다.
(참고로 jquery 사용하실때는 기본 jquery 코어 파일은 불러와야합니다.)
<script type="text/javascript">
jQuery(function($){
$(window).load(function(){
$('#loadingBar').css('display','none');
$('#loadingBg').css('display','none');
});
});
</script>
jQuery(function($){
$(window).load(function(){
$('#loadingBar').css('display','none');
$('#loadingBg').css('display','none');
});
});
</script>
<div id="loadingBar">
<img src="로딩이미지경로" alt="" />
</div>
<div id="loadingBg"></div>
ID값은 맞춰주세요.
CSS는 아래와 같이해주세요.
#loadingBar{position:fixed;top:50%;left:50%;width:200px;height:200px;margin:-50px 0 0 -100px;text-align:center;z-index:99}
#loadingBar .title{display:block;padding:10px;10px 0 10px;overflow:hidden}
#loadingBg{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;overflow:hidden;z-index:98}
#loadingBar .title{display:block;padding:10px;10px 0 10px;overflow:hidden}
#loadingBg{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;overflow:hidden;z-index:98}
괜찮은 구글 웹폰트 많네요. 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기