jQuery 도구 탭(슬라이드쇼)_jquery
html
<머리>
href="./tabs-slideshow.css"/>
이전
첫 번째 창
Aenean nec imperdiet ligula. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur Ridiculus mus.
일시 중지 가능성. Sed elementum risus eleifend Massa
vestibulum consectetur. Duis Massa augue, aliquam eget fringilla
vel, aliquam vitae arcu. 남 세드 마그나 미. Praesent odio neque,
dapibus sit amet suscipit at, tempus sed nibh. Aliquam sagittis
ligula faucibus cursus의 ligula. Quisque vulputate pellentesque
촉진성.
두 번째 창
Consectetur adipiscing elit. Praesent bibendum eros ac
nulla. 정수 vel lacus ac neque viverra.
Vivamus euismod euismod sagittis. Etiam cursus neque non lectus
mattis cursus et a libero. Vivamus condimentum hendrerit metus,
a sollicitudin magna vulputate eu. Donec sed Tincidunt
lectus. Donec Tellus lectus, fermentum sit amet porta non,
rhoncus ac mi. Quisque placerat auctor justo, a egestas urna
tincidunt eleifend.
세 번째 창
비렉투스 라시니아 에게스타스. Nulla hendrerit, felis quis
elementum viverra, purus felis egestas magna.
Aenean elit lorem, pretium vitae dictum in, fermentum consequat
dolor. Proin consectetur sollicitudin Tellus, non elementum
turpis pharetra non. Sed quis Tellus quam.
다음
<스크립트 언어="JavaScript">
$(function() {
$(".slidetabs").tabs(".images > div", {
// "크로스 페이딩" 효과 활성화
효과: '페이드 ',
fadeOutSpeed: "slow",
// 마지막 탭 이후 처음부터 시작
rotate: true
// 자체 구성을 허용하는 슬라이드쇼 플러그인 사용
}) .슬라이드쇼()
});