이런식으로 했는데...화면이 좀 이상하게 나오네요 ㅠㅠ
어느부분을 수정해야될지 모르곘습니다..
http://road13460078.cafe24.com/
사이트는 여기입니다..
Copy
<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개 / 댓글 3개
10년 전
어떤걸로 적용을 하시는건가요 ?
해당 작업은 css에서 조정을 해야하실텐데...
기존에 소스를 이미지로만 바꾸셨나요
답변에 대한 댓글 1개
10년 전
<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> |
이 부분 말씀이신가요 ?
답변에 대한 댓글 1개
10년 전
서브 메뉴가 있나요 ? ;;;
저는 왜 그냥 상단에 메뉴만 보이지요 ? ㅠ
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.