R

링크 관련 팁 예제 입니다.

· 2009-03-13 (금) 14:49:59 · 3012 · 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
우앙..어렵다..!!
자바스크립트 에러뜨네요 ? + _ +
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
기타 08-04-17 조회 3,074
기타 08-04-17 조회 3,233
JavaScript 08-04-17 조회 2,751
JavaScript 08-04-17 조회 3,156
기타 08-04-17 조회 2,537
기타 08-04-17 조회 3,129
JavaScript
[JavaScript]
08-04-17 조회 2,231
MySQL 08-04-17 조회 5,073
MySQL 08-04-17 조회 6,336
MySQL 08-04-17 조회 4,069
MySQL 08-04-17 조회 1.5만
JavaScript 08-04-17 조회 5,061
기타 08-04-17 조회 6,217
Flash 08-04-17 조회 5,365
PHP 08-04-17 조회 5,521
기타 08-04-17 조회 7,602
JavaScript 08-04-17 조회 5,870
JavaScript 08-04-17 조회 4,844
MySQL 08-04-17 조회 5,042
JavaScript
[JavaScript]
08-04-17 조회 4,285
기타 08-04-17 조회 5,208
MySQL 08-04-17 조회 4,580
기타 08-04-17 조회 4,015
기타 08-04-17 조회 4,392
JavaScript 08-04-17 조회 3,210
JavaScript 08-04-17 조회 3,613
JavaScript 08-04-17 조회 9,011
JavaScript 08-04-17 조회 3,660
MySQL 08-04-09 조회 3,451
정규표현식 08-04-08 조회 4,331