이거 소스를 사용하고 싶은데 방법이 없을까요 ? ?
본문
답변 3
소스를 빼왔는데요.. 최적화는 님께서 해서 사용하시면 될 듯 싶네요.
근데 댓글에는 파일첨부를 못해서 그냥 소스를 복사해서 넣어드립니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script src="http://ecudemo57706.cafe24.com/script/bxslider/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="http://ecudemo57706.cafe24.com/script/bxslider/jquery.easing.1.3.min.js" type="text/javascript"></script>
<script src="http://ecudemo57706.cafe24.com/script/bxslider/jquery.bxslider.min.js" type="text/javascript"></script>
<script src="http://ecudemo57706.cafe24.com/script/flowslider/jquery.flowslider.js"></script>
<script src="http://ecudemo57706.cafe24.com/script/flowslider/all_dev.flowslider.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<link href="http://ecudemo57706.cafe24.com/script/scroll/jquery.mCustomScrollbar.css" rel="stylesheet">
<div id="best_cate_img">
<div class="slider unselectable www_FlowSlider_com" id="slider" style="height: 280px; overflow: hidden; position: relative;"><div class="www_FlowSlider_com-wrap-1" style=""><div class="www_FlowSlider_com-wrap-2" style="display: inline-block;">
<!-- 이미지1 -->
<div class="slider_content www_FlowSlider_com-item" style="float: left;">
<a href="/category/%EB%AC%B4%EC%B9%A8/47/">
<span class="name">무침</span>
<p class="slider_img"><img src="
</a>
</div>
<!-- //이미지1 -->
<!-- 이미지2 -->
<div class="slider_content www_FlowSlider_com-item" style="float: left;">
<a href="/category/%EA%B9%80%EC%B9%98/27/">
<span class="name">김치</span>
<p class="slider_img"><img src="http://ecudemo57706.cafe24.com/images/best_cate_02.png"></p>
</a>
</div>
<!-- //이미지2 -->
<!-- 이미지3 -->
<div class="slider_content www_FlowSlider_com-item" style="float: left;">
<a href="/category/%EC%A1%B0%EB%A6%BC/48/">
<span class="name">조림</span>
<p class="slider_img"><img src="http://ecudemo57706.cafe24.com/images/best_cate_03.png"></p>
</a>
</div>
<!-- //이미지3 -->
<!-- 이미지4 -->
<div class="slider_content www_FlowSlider_com-item" style="float: left;">
<a href="/category/%EB%B3%B6%EC%9D%8C/49/">
<span class="name">볶음</span>
<p class="slider_img"><img src="http://ecudemo57706.cafe24.com/images/best_cate_04.png"></p>
</a>
</div>
<!-- //이미지4 -->
<!-- 이미지5 -->
<div class="slider_content www_FlowSlider_com-item" style="float: left;">
<a href="/category/%EC%8B%9C%EC%A6%8C%EB%A9%94%EB%89%B4/25/">
<span class="name">계절반찬</span>
<p class="slider_img"><img src="http://ecudemo57706.cafe24.com/images/best_cate_05.png"></p>
</a>
</div>
<!-- //이미지5 -->
<!-- 이미지6 -->
<div class="slider_content www_FlowSlider_com-item" style="float: left;">
<a href="/category/%EC%A0%84-%C2%B7-%ED%8A%80%EA%B9%80/42/">
<span class="name">전</span>
<p class="slider_img"><img src="http://ecudemo57706.cafe24.com/images/best_cate_06.png"></p>
</a>
</div>
<!-- //이미지6 -->
<!-- 이미지7 -->
<div class="slider_content www_FlowSlider_com-item" style="float: left;">
<a href="/category/%EC%A0%93%EA%B0%88/51/">
<span class="name">젓갈</span>
<p class="slider_img"><img src="http://ecudemo57706.cafe24.com/images/best_cate_07.png"></p>
</a>
</div>
<!-- //이미지7 -->
</div></div><a title="Flow Slider plugin?slide your HTML!" class="www_FlowSlider_com-branding" style="background-position: 0px 0px; margin: 0px; width: 17px; height: 9px; right: 4px; bottom: 4px; position: absolute; opacity: 0.3;" href="http://www.flowslider.com" target="_blank"></a></div> <!-- #slider -->
<script>
(function($) {
/* 마우스 슬라이더 마우스오버 효과 */
$('.slider_content').mouseenter(function(){
$(this).find('.slider_img em').show();
});
$('.slider_content').mouseleave(function(){
$(this).find('.slider_img em').hide();
});
})(jQuery);
</script>
</div>
마우스 아래로 이동시 같이 움직이는 우측 메뉴를 말씀하시는것 같은데요.
이거는,
구글.네이버, 여기에서 퀵메뉴로 검색하면 소스가 많이 나옵니다.
이거 수정해서 사용하시면 될 것 같네요.
퀵메뉴말구
좌우로 움직이는 소스요 ㅜ ㅜ