>웹 프론트엔드 >JS 튜토리얼 >슬라이드 효과를 구현하는 js(jquery 플러그인 기반)_javascript 기술

슬라이드 효과를 구현하는 js(jquery 플러그인 기반)_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:17:301317검색

使用jquery插件jquery.smallslider.js也能实现幻灯文效果。
htm代码如下:代码如下:




js代码:




复代码

代码如下:
$(document).ready(function(){ $('#flashbox').smallslider({onImageStop:true, switchEffect:'ease',switchEase: 'easeOutSine',switchPath: 'left', switchMode: ' hover', showText:true, textSwitch:2}) }); 使用到的脚本,样式jquery-1.7.2.min.js,jquery.smallslider.js,smallslider.css
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:js_basic 지식을 활용하여 in_array를 구현하는 방법다음 기사:js_basic 지식을 활용하여 in_array를 구현하는 방법

관련 기사

더보기