보안이슈 소모임 개설
이전
목록
다음
R

링크 관련 팁 예제 입니다.

RINIX
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2009-03-13 (금) 14:49:59 · 3044 · 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 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
11-10-25 조회 2,481
11-10-18 조회 4,009
11-10-18 조회 2,388
11-10-15 조회 3,603
11-10-10 조회 2,661
11-10-02 조회 2,577
11-09-28 조회 2,394
11-09-24 조회 2,478
11-09-22 조회 2,379
11-09-05 조회 2,867
11-08-31 조회 2,239
11-08-31 조회 2,548
11-08-31 조회 2,403
11-08-29 조회 2,956
11-08-28 조회 2,446
11-08-25 조회 2,498
11-08-17 조회 2,215
11-08-16 조회 2,448
11-08-11 조회 2,904
11-08-07 조회 2,614
11-08-03 조회 2,327
11-07-22 조회 2,077
11-07-12 조회 3,295
11-06-27 조회 2,078
11-06-01 조회 1,744
11-05-17 조회 2,529
11-05-01 조회 2,602
11-04-28 조회 2,889
11-04-28 조회 2,937
11-04-13 조회 2,594
11-03-27 조회 2,718
11-03-27 조회 2,597
11-03-14 조회 2,009
11-03-02 조회 2,334
11-03-02 조회 2,564
11-02-27 조회 2,994
11-02-23 조회 2,372
11-02-19 조회 2,514
11-02-14 조회 4,131
11-02-03 조회 2,921
11-01-24 조회 3,861
11-01-04 조회 2,395
10-12-08 조회 5,403
10-11-15 조회 2,406
10-11-14 조회 2,583
10-11-14 조회 3,609
10-10-29 조회 3,678
10-10-19 조회 2,692
10-10-07 조회 2,519
10-10-05 조회 4,436
10-09-18 조회 2,734
10-09-18 조회 2,477
10-09-17 조회 4,873
10-09-15 조회 2,820
10-09-15 조회 2,345
10-09-15 조회 2,831
10-09-15 조회 2,666
10-09-11 조회 3,990
10-09-11 조회 2,496
10-09-11 조회 2,537
10-09-07 조회 3,813
10-09-07 조회 3,348
10-08-29 조회 2,805
10-07-01 조회 3,056
10-06-30 조회 2,460
10-06-30 조회 2,645
10-06-30 조회 2,997
10-06-13 조회 2,029
10-04-15 조회 3,199
10-04-04 조회 3,430
10-02-23 조회 3,525
10-02-09 조회 3,135
10-01-25 조회 2,638
10-01-25 조회 2,736
09-12-27 조회 4,382
09-11-23 조회 3,609
09-11-20 조회 4,840
09-08-30 조회 3,042
09-08-30 조회 3,036
09-08-12 조회 3,003
09-07-22 조회 4,060
09-07-22 조회 4,713
09-07-15 조회 5,884
09-07-11 조회 2,959
09-06-17 조회 2,697
09-06-15 조회 2,984
09-05-29 조회 3,260
09-05-11 조회 5,905
09-05-08 조회 2,655
09-04-30 조회 3,775
09-04-17 조회 3,092
09-04-04 조회 3,269
09-03-05 조회 3,660
09-02-09 조회 3,627
09-02-03 조회 6,135
08-12-27 조회 3,199
08-12-20 조회 4,290
08-11-21 조회 5,248
08-11-14 조회 2,819
08-11-03 조회 3,277
글쓰기