Travel:最新消息

Travel:最新消息

範例結果


搜尋KeyWord:slider jquery、Carousel jquery

課程使用:http://bxslider.com/

<!--bxslider Start-->
<script src="../js/bxslider/jquery.bxslider.js"></script>
<link rel="stylesheet" href="../js/bxslider/jquery.bxslider.css">
<!--bxslider End-->
<!--bxslider Start-->
	<ul class="bxslider">
	  <li><img src="../img/slider_L/slider01.jpg" title="Czech 捷克蜜月 一生一次 無可取代<br>捷克蜜月團,團團額滿!
象徵我們的蜜月新人天長地久到白首!"/></li>
	  <li><img src="../img/slider_L/slider02.jpg" title="KENYA 聆聽東非的心跳 大自然的呼喚 肯亞動物大遷徙<br>野生動物與我們不期而遇,眼神交會瞬間無限怠動" /></li>
	  <li><img src="../img/slider_L/slider03.jpg" title="DUBAI 法拉利樂園 棕櫚島皇宮. 星帆船酒店‧杜拜" /></li>
	  <li><img src="../img/slider_L/slider04.jpg" title="Netherlands 荷蘭風車水世界 鬱金香花季" /></li>
	  <li><img src="../img/slider_L/slider05.jpg" title="Italy 義大利 賽格威夜遊羅馬 發現義大利不同角度的美" /></li>
	</ul>
<!--bxslider End-->
//bxslider
	$('.bxslider').bxSlider({
	  mode: 'fade',
	  captions: true
	});

$('.bxslider1').bxSlider({
	minSlides: 2,
	maxSlides: 2,
	slideWidth: 360,
	slideMargin: 10
	});