R

링크 관련 팁 예제 입니다.

<?
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개

우앙..어렵다..!!
자바스크립트 에러뜨네요 ? + _ +
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
09-07-11 조회 2,996
09-07-11 조회 3,226
09-06-29 조회 3,601
09-06-26 조회 5,229
09-06-25 조회 4,157
09-06-25 조회 2,827
09-06-18 조회 5,396
09-06-17 조회 2,730
09-06-15 조회 2,956
09-06-15 조회 2,584
09-06-15 조회 3,115
09-06-15 조회 2,992
09-06-15 조회 3,019
09-06-15 조회 2,869
09-06-09 조회 3,559
09-05-29 조회 3,167
09-05-29 조회 3,305
09-05-28 조회 3,603
09-05-22 조회 3,005
09-05-16 조회 3,856
09-05-14 조회 3,577
09-05-11 조회 5,940
09-05-08 조회 2,701
09-05-06 조회 2,398
09-05-05 조회 3,478
09-05-04 조회 3,322
09-05-01 조회 2,904
09-04-30 조회 3,446
09-04-30 조회 3,809
09-04-18 조회 2,734
09-04-17 조회 3,136
09-04-13 조회 3,334
09-04-13 조회 2,393
09-04-13 조회 3,123
09-04-13 조회 2,729
09-04-10 조회 3,260
09-04-10 조회 2,684
09-04-07 조회 3,682
09-04-04 조회 3,319
09-04-02 조회 7,283
09-03-19 조회 3,274
09-03-15 조회 5,140
09-03-15 조회 2,773
09-03-13 조회 3,077
09-03-10 조회 3,423
09-03-05 조회 3,967
09-03-05 조회 3,699
09-02-27 조회 4,226
09-02-23 조회 4,469
09-02-23 조회 4,459
09-02-21 조회 3,217
09-02-21 조회 2,844
09-02-17 조회 2,811
09-02-17 조회 3,197
09-02-17 조회 2,577
09-02-17 조회 3,375
09-02-17 조회 3,107
09-02-13 조회 2,894
09-02-09 조회 2,696
09-02-09 조회 3,543
09-02-09 조회 4,596
09-02-09 조회 3,674
09-02-09 조회 3,162
09-02-09 조회 2,922
09-02-05 조회 3,411
09-02-03 조회 6,173
09-01-30 조회 2,921
09-01-25 조회 3,589
09-01-24 조회 3,700
09-01-23 조회 3,873
09-01-23 조회 3,495
09-01-20 조회 5,882
09-01-20 조회 4,315
09-01-17 조회 4,319
09-01-17 조회 2,987
09-01-15 조회 2,568
09-01-14 조회 5,283
09-01-10 조회 3,105
09-01-09 조회 2,997
09-01-08 조회 3,510
09-01-08 조회 3,274
09-01-06 조회 2,944
09-01-05 조회 5,201
08-12-30 조회 3,096
08-12-30 조회 4,516
08-12-29 조회 4,368
08-12-27 조회 2,363
08-12-27 조회 3,232
08-12-27 조회 2,875
08-12-27 조회 3,159
08-12-20 조회 3,931
08-12-20 조회 4,315
08-12-13 조회 4,544
08-12-12 조회 4,618
08-12-12 조회 2,732
08-12-11 조회 2,730
08-12-10 조회 3,554
08-12-06 조회 3,298
08-11-30 조회 3,640
08-11-27 조회 4,191