서브메뉴 질문좀 드리곗습니다.
본문
이런식으로 했는데...화면이 좀 이상하게 나오네요 ㅠㅠ
어느부분을 수정해야될지 모르곘습니다..
http://road13460078.cafe24.com/
사이트는 여기입니다..
<script>
$(document).ready(function(e){
$("#tnb > li").bind("mouseenter",function(e){
$("#tnb > li .sub").css("display","none")
$(this).children(".sub").css("display","block")
});
});
</script>
</script>
<!-- 顶部开始 { -->
<div id="hd">
<h1 id="hd_h1"><?php echo $g5['title'] ?></h1>
<div id="skip_to_container"><a href="#container">浏览全文</a></div>
<?php
if(defined('_INDEX_')) { // 仅在index页面执行
include G5_BBS_PATH.'/newwin.inc.php'; // 弹出层
}
?>
<div id="logo" style="margin-bottom: 30px;">
<a href="/index.php"><img src="<?php echo G5_IMG_URL ?>/logo.png"></a>
</div>
<link rel="stylesheet" type="text/css" href="/css/style.css"/>
<script src="/js/cho.js" type="text/javascript"></script>
<div>
<ul id="tnb" style="margin-top: 20px;margin-left: 20px;">
<li><a href=""><img src="/img/gnb/company.jpg"></a></li>
<li><a href="/bbs/board.php?bo_table=dress"><img src="/img/gnb/dress.jpg"></a></li>
<li><a href="/bbs/board.php?bo_table=shoot"><img src="/img/gnb/shoot.jpg"></a></li>
<ul class="sub" style="margin: 0 auto;margin-top: 5px">
<li><a href=""><img src="/img/gnb/china.png"></a></li>
<li><a href=""><img src="/img/gnb/korea.png"></a></li>
<li><a href=""><img src="/img/gnb/hawai.png"></a></li>
</ul>
<li><a href="/bbs/board.php?bo_table=makeup"><img src="/img/gnb/makeup.jpg"></a></li>
<li><a href="/bbs/board.php?bo_table=event"><img src="/img/gnb/event.jpg"></a></li>
<li><a href="/bbs/board.php?bo_table=board"><img src="/img/gnb/board.jpg"></a></li>
</ul>
</div>
</div>
<?php if(defined('_INDEX_')) { ?>
<div id="TotalFrame" style="margin-top: 30px;"><ul class="frame_mainimg_ul"><li class="frame_mainimg_li">
<ul id="maincon_ul"><li id="maincon_li">
<div id="mainslider">
<img class="mainimg" style="left:0px;" src="/img/mains01.jpg" width="100%">
<img class="mainimg" style="left:1903px;" src="/img/mains02.jpg" width="100%">
<img class="mainimg" style="left:3806px;" src="/img/mains03.jpg" width="100%">
</div>
</li></ul>
</li></ul></div>
<?php } ?>
<hr>
<!-- 项目开始 { -->
<div id="wrapper">
<div id="container">
<script>
var maincount = 0;
function mainrolling(){
var nowleftval= (maincount * 1903) * (-1);
if(maincount==2) maincount = 0;
else maincount++;
var leftval = (maincount * 1903) * (-1);
$("#mainslider").stop().animate({opacity:0,left:(nowleftval-100)},300,function(){
$("#mainslider").css("left",(leftval+100)).animate({left:leftval,opacity:1},300);
});
}
var MainTimer = setInterval("mainrolling()",3000);
</script>
답변 3
서브 메뉴가 있나요 ? ;;;
저는 왜 그냥 상단에 메뉴만 보이지요 ? ㅠ
<ul class
=
"sub"
style=
"margin: 0 auto;margin-top: 5px"
>
045 | <li><a href= "" ><img src= "/img/gnb/china.png" ></a></li> |
046 | <li><a href= "" ><img src= "/img/gnb/korea.png" ></a></li> |
047 | <li><a href= "" ><img src= "/img/gnb/hawai.png" ></a></li> |
048 | </ul> |
이 부분 말씀이신가요 ?
어떤걸로 적용을 하시는건가요 ?
해당 작업은 css에서 조정을 해야하실텐데...
기존에 소스를 이미지로만 바꾸셨나요
답변을 작성하시기 전에 로그인 해주세요.