AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
R

링크 관련 팁 예제 입니다.

RINIX
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2009-03-13 (금) 14:49:59 · 2986 · 2

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script language="javascript">
 $(document).ready(function(){
  var defaultclass;
  $("li").filter(function(){return $(this).attr("link");}).css("cursor", "pointer").hover(function(){
   defaultclass = $(this).attr("class");
   $(this).addClass($(this).attr("over"));
  }, function(){
   $(this).removeClass($(this).attr("over")).addClass(defaultclass);
  }).click(function(){
   location.href=$(this).attr("link");
  });
 });
</script>
<style type="text/css">
<!--
.cafetop {
 height: 35px;
 width: 956px;
 background-image: url(<?=$sitemap_skin_path?>/img/sepcial-menu-bg.gif);
 font-family: "돋움", "굴림";
 font-size: 11px;
 line-height: 35px;
 font-weight: bolder;
 color: #E3FFDD;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 10px;
 margin: 0px;
}
.cafetop .menu {
 float: left;
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 0px;
 margin-left: 5px;
}
.menuover {
 font-size: 11px;
 color: #009933;
}
.cafetop img {
 margin-top: 12px;
 height: 11px;
 width: 2px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
-->
</style>

<ul class="cafetop">
 <li link="#" class="menu" over="menuover">공지사항</li>
    <li class="menu"><img src="<?=$sitemap_skin_path?>/img/sepcial-menu-line.gif" /></li>
    <li link="#" class="menu" over="menuover">전체글보기</li>
    <li class="menu"><img src="<?=$sitemap_skin_path?>/img/sepcial-menu-line.gif" /></li>
    <li link="#" class="menu" over="menuover">베스트게시물</li>
    <li class="menu"><img src="<?=$sitemap_skin_path?>/img/sepcial-menu-line.gif" /></li>
    <li link="#" class="menu" over="menuover">이미지모아보기</li>
    <li class="menu"><img src="<?=$sitemap_skin_path?>/img/sepcial-menu-line.gif" /></li>
    <li link="#" class="menu" over="menuover">동영상모아보기</li>
    <li class="menu"><img src="<?=$sitemap_skin_path?>/img/sepcial-menu-line.gif" /></li>
    <li link="#" class="menu" over="menuover">카페태그보기</li>
    <li class="menu"><img src="<?=$sitemap_skin_path?>/img/sepcial-menu-line.gif" /></li>
    <li link="#" class="menu" over="menuover">자유로운글</li>
    <li class="menu"><img src="<?=$sitemap_skin_path?>/img/sepcial-menu-line.gif" /></li>
    <li link="#" class="menu" over="menuover">카페앨범</li>
</ul>

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
#개발자팁 #개발자 #팁자료실 #기타
|

댓글 2개

웹웹짱짱짱
프로필 보기이 회원 글보기이 회원의 댓글보기
 2009-03-31 (화) 12:03:46
우앙..어렵다..!!
말말자
프로필 보기이 회원 글보기이 회원의 댓글보기
 2010-03-31 (수) 05:54:44
자바스크립트 에러뜨네요 ? + _ +
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10-05-31 조회 2,884
10-04-17 조회 4,684
10-03-23 조회 5,834
10-02-26 조회 3,354
10-02-23 조회 3,318
10-02-11 조회 3,939
10-02-09 조회 3,002
10-01-26 조회 3,454
10-01-23 조회 6,781
10-01-19 조회 3,493
10-01-13 조회 3,697
09-12-06 조회 4,604
09-11-24 조회 4,175
09-11-19 조회 3,053
09-11-11 조회 3,651
09-08-30 조회 3,129
09-08-12 조회 3,131
09-07-21 조회 3,307
09-07-19 조회 3,189
09-07-11 조회 3,104
09-06-15 조회 2,880
09-05-29 조회 3,066
09-05-28 조회 3,494
09-05-05 조회 3,345
09-04-07 조회 3,565
09-02-23 조회 4,360
09-02-17 조회 3,101
09-02-17 조회 2,481
09-02-09 조회 2,584
09-01-23 조회 3,384
09-01-17 조회 4,222
09-01-08 조회 3,166
08-11-07 조회 4,427
08-11-01 조회 4,914
08-10-30 조회 3,508
08-10-16 조회 3,429
08-10-02 조회 2,565
08-09-22 조회 3,819
08-09-22 조회 2,887
08-09-20 조회 5,384
08-09-20 조회 4,441
08-09-20 조회 3,516
08-09-20 조회 2,890
08-09-20 조회 3,085
08-09-20 조회 4,069
08-09-20 조회 3,562
08-09-20 조회 3,145
08-09-18 조회 3,381
08-09-06 조회 2,990
08-09-06 조회 2,740
08-09-05 조회 3,394
08-09-05 조회 5,602
08-09-03 조회 4,407
08-09-03 조회 2,658
08-07-31 조회 3,145
08-07-18 조회 3,752
08-06-19 조회 3,095
08-06-15 조회 3,082
08-06-14 조회 3,539
08-05-23 조회 2,776
08-05-13 조회 2,683
08-04-22 조회 4,352
08-04-22 조회 5,056
08-04-22 조회 6,797
08-04-17 조회 2,976
08-04-17 조회 3,547
08-04-17 조회 3,656
08-04-17 조회 5,897
08-04-17 조회 3,097
08-04-17 조회 3,426
08-04-06 조회 3,515
08-04-05 조회 3,096
08-04-04 조회 7,152
08-04-04 조회 4,443
08-04-04 조회 3,797
08-04-04 조회 3,971
08-04-04 조회 2,850
08-04-04 조회 2,634
08-04-04 조회 2,684
08-04-04 조회 2,875
08-04-04 조회 2,627
08-04-04 조회 2,594
08-04-04 조회 4,110
08-04-03 조회 2,630
08-04-03 조회 3,844
08-04-02 조회 3,057
08-04-02 조회 2,809
08-03-25 조회 3,666
08-03-11 조회 3,429
08-03-11 조회 2,941
08-03-11 조회 2,899
08-03-11 조회 2,696
08-03-11 조회 2,471
08-03-11 조회 2,276
08-03-11 조회 2,331
08-03-07 조회 2,866
08-03-05 조회 2,609
08-02-27 조회 2,839
08-02-21 조회 2,723
08-02-21 조회 3,297
글쓰기