서브메뉴 질문좀 드리곗습니다.

서브메뉴 질문좀 드리곗습니다.

QA

서브메뉴 질문좀 드리곗습니다.

답변 3

본문

 

이런식으로 했는데...화면이 좀 이상하게 나오네요 ㅠㅠ

 

어느부분을 수정해야될지 모르곘습니다..

 

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에서 조정을 해야하실텐데...

 

기존에 소스를 이미지로만 바꾸셨나요 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 48
© SIRSOFT
현재 페이지 제일 처음으로