로또 웹페이지 버튼 메뉴 하단고정 ...

메뉴를 만들었는데

상단 바를 한번 클릭해서 열어야 한다는 번거로움이 있었다.

무슨 메뉴가 있는지 보려면 꼭 클릭해야한다.

그래서 조그맣게 버튼 메뉴를 만들어 중간에 넣었다.

확실히 눈에 띈다.

그랬더니 또 욕심이 생긴다.

여러 사이트에서 자주 보았던...

스크롤을 하면 하단으로 내려가는

바로 하단 고정메뉴.

생각보다 간단했다.

버튼이 담겨있는 div 태그의 스타일만 살짝 건드리면 됐으니 말이다.

이런식으로...

<style>

.divbmenu{

width: 100%; text-align: center;

display: block; position:fixed;

  bottom:15px; z-index:10000;}

</style>

<div class='divmenu'>버튼메뉴</div>

상단 고정은 bottom 대신 top을 쓰면 된다.

고정시켰더니 괜히 색도 입히고 싶어서 div태그에 바탕색을 넣어줬다.

에구 예쁜 색동옷을 입혀줬더니, 이번엔 animate 효과도 달란다.

고민끝에... 다시 검색 검색...

길고 긴 삽질 끝에 효과도 넣었다.

기능 하나 구현하는데 하루 종일 이구나~

코드 한줄 쓰는데 한시간~ 하하~

그나저나 J쿼리 정말 좋네!

고생안하고 확실하게 쓰려면 기본기를 다지고 시작하는게 좋겠지만,

뭐 별수 있나...

난.. 약 17년 전 메멘토의 주인공과 별 다를 바 없는건가...

여러번 본 것 같은데...

본 것 같은~

본 것 같지 않은~

본 것 같은 녀석들...

낯선녀석들... 그래 남이다...

그래서 엉뚱하지만 굉장한 개인적인 프로젝트를 진행하는데

그렇게나 어색하고 불편했던거야.

아...그래도 자주 보면 친해져야 하는거 아닌가?

아, 아니다...

학교...직장... 군대... 

아...아닌 경우 많네...

하하

아무튼 더욱더 화이팅!!!