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개

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

개발자팁

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
JavaScript 16년 전 조회 3,610
기타 16년 전 조회 2,691
JavaScript 16년 전 조회 2,646
정규표현식 16년 전 조회 3,608
기타 16년 전 조회 1,817
MySQL 16년 전 조회 3,317
기타 16년 전 조회 2,591
기타 16년 전 조회 3,314
기타 16년 전 조회 2,765
JavaScript 16년 전 조회 3,428
jQuery 16년 전 조회 8,039
PHP 16년 전 조회 3,506
MySQL 16년 전 조회 5,577
기타 16년 전 조회 2,450
기타 16년 전 조회 2,796
jQuery 16년 전 조회 3,480
MySQL 16년 전 조회 3,786
JavaScript 16년 전 조회 4,148
기타 16년 전 조회 4,347
기타 16년 전 조회 4,537
기타 16년 전 조회 3,060
기타 16년 전 조회 2,686
기타 16년 전 조회 2,441
기타 16년 전 조회 3,167
기타 16년 전 조회 2,732
기타 16년 전 조회 3,099
PHP 16년 전 조회 3,849
PHP 16년 전 조회 4,402
JavaScript 16년 전 조회 3,428
기타 16년 전 조회 3,274
🐛 버그신고