본문 바로가기

[Program]/[Html & Javascript]

테이블에 선이 표시가 안될때.. 에서 style="border:solid 1px #000" 형태로 선을 넣었을경우. 공백상태의 행이나 열에서는 선이 표시가 안되는 경우가 있습니다. 이럴경우 각 에 를 넣으면 해결이 되긴하지만.. 양이 많을 경우 완전 노가다가 됩니다.ㅎㅎㅎ 이럴경우 border-collapse:collapse; 를 이용하면 공백에도 선이표시가 됩니다. style="border:solid 1px #000;border-collapse:collapse;" 로 넣어주시면 됩니다.^^ 더보기
스크롤 따라다니는 이미지.^^ 따라 다니는 퀵메뉴 만들기 퀵메뉴에 들어갈 아이템 영역!!! var lastScrollY = 0; $(function(){ var diffY = document.documentElement.scrollTop; // scroll event $(window).scroll(function(){ var diffTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop); if (diffY != lastScrollY) { percent = .10 * (diffY - lastScrollY); if (percent > 0) { percent = Math.ceil(percent); } else { percent = Math.floor(perce.. 더보기
JQuery Datepicker 를 이용한 달력. 인터넷에 넘 복잡시럽고 어려운게 많아서.. 여기저기 블로그에서 본 것들을 합치고 내가 직접 해본걸루 정리해두기 보통 통계검색시 시작일,종료일로 많이 달력스크립트 넣는데.. 자바스크립트로 웹에 돌아다니는건 넘 복잡해여 ㅋㅋ 제이쿼리로 클린하게! ㅋㅋ 친절하게 인풋박스 2개인 경우로 ^^ 소스는 아래 더보기를 누르면 있구요.. 같은색깔끼리 잘 맞춰주심됩니당. 빨간색으로 표시한 부분은 input 박스 우측에 달력이미지버튼이 바로붙거나 위로붙어나오는경우가 있는데 해당 css로 조절해준거구요. 사이트 ui에따라 조절해주시면 됩니다. 그밑에 hide()는 이게 div영역이 하나 잡히는데 보기싫어서 감추어주었습니다. 요것도 각 사이트에 맞게 사용하심 될듯합니다. 도움이 되셧다면 공감, 덧글 꾸욱~^^ ~ 더보기
네이버 실시간 검색 롤링 스크립트.(텍스트 롤링) 네이버에서 돌아가고있는 텍스트 롤링 스크립트 입니다.. 예전에 퍼온건데 .. 흠 요즘에 쓸대가 있으려나 모르겠네요 .^^ 좋은소스감사감사근데...어디서퍼왔더라 더보기
내 홈페이지에 트위터 위젯을 달자^^ 홈페이지에 트위터 위젯을 달아봅시다.^^ 트위터에서는 자체적으로 트위터 위젯을 제공해줍니다. ^^ 디자인까지 제공하니 따로 디자인할필요도 없고 아주 유용한 서비스를 제공하는것이죠~ ① http://www.twitter.com 에 접속하여 로그인후 setting - profile 메뉴로 들어갑니다. ② (You can also add Twitter to your site here ) 버튼을 클릭합니당. ③ My Website 버튼을 클릭합니다.^^ ④자신의 글만 소개하는 Profile Widget, 트위터의 글을 검색하는 Search Widget, 즐겨찾기한 글만 보여주는 Faves Widget, 자신이 설정한 리스트 사용자의 글을 보여주는 List Widget 등이 나옵니다. 이중 자신이 쓴글을 블로그에.. 더보기