sample Cafe

cocohp

5年前

//fontawesome

<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
//トグルメニュー
<button type="button" id="menubtn"><i class="fa fa-bars"></i></button>

<script>
//トグルメニューの仕掛け
  $(function(){
   $("#menubtn").click(function(){
     $("#menu").slideToggle();
   });
  });
	
//sliderPro

$(function(){
	 $('#slider').sliderPro({
	
width: 600,//横幅
    arrows: true,//左右の矢印
    buttons: true,//ナビゲーションボタンを出す
    slideDistance:0,//スライド同士の距離
    visibleSize: '100%',//前後のスライドを表示

});
  });

</script>

//fontawesome

//トグルメニュー

//トグルメニューの仕掛け

$(function(){

$("#menubtn").click(function(){

$("#menu").slideToggle();

});

//sliderPro

$(function(){

$('#slider').sliderPro({

width: 600,//横幅

arrows: true,//左右の矢印

buttons: true,//ナビゲーションボタンを出す

slideDistance:0,//スライド同士の距離

visibleSize: '100%',//前後のスライドを表示

});

</script>