【全屏幻灯插件】jquery幻灯片插件…

bxslider是一款轻量级的插件，它能模拟幻灯片的效果，实现各种效果的设置也非常简单，非常适合在中小型网站和个人博客使用。下面来说说使用它的步骤：第一步去官网下载插件包：http://bxslider.com/
屏幕右侧，Download，下载压缩包。第二部：链接所需文件到网页

[code]
<</span>script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"><</span>/script>

<</span>script src="/js/jquery.bxslider.min.js"><</span>/script>

<</span>link href="/lib/jquery.bxslider.css" rel="stylesheet" />

[/code]

[code]第三步：创建HTML页面结构

[/code]

class="bxslider"> 

src="/images/pic1.jpg"
/>

[code]

[/code]

src="/images/pic2.jpg"
/>

src="/images/pic3.jpg"
/>

src="/images/pic4.jpg"
/>

[code]

[/code]

[code]图片、视频、和其他HTML元素都可以

[/code]

[code]第四步：在页面加载插件

[/code]

[code]

$(document).ready(function(){

  $('.bxslider').bxSlider({

   captions: true,

        auto: true,

speed: 1000,

captions: true

 });

});

查看相关demohttp://bxslider.com/