jQuery美女幻灯相册轮播源代码

体验效果：http://hovertree.com/texiao/jquery/

本幻灯片包含小图列表和大图轮播，包含图片标题和详细介绍，详细介绍字数可以很多，每张图片包含链接，可以实现跳转

HTML文件代码如下：

<!DOCTYPE html><html><head><metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/><title>jQuery幻灯相册轮播效果- 何问起</title><metacharset="utf-8"/><linktype="text/CSS"rel="stylesheet"href="http://hovertree.com/texiao/jquery/index/hovertreesildes.css"><scriptsrc="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"type="text/javascript"></script><scriptsrc="http://hovertree.com/texiao/jquery/index/hvtslides-1.1.1-min.js"type="text/Javascript"></script><scripttype="text/javascript">$(function(){

$('#hovertreesildes').hvtSlides(

{

thumb:true,

thumbPage:true,

thumbDirection:"Y",

effect:'fade'}

);

})</script><style>.hvtshow{width:736px;margin:0px auto;}.hvtshow a{color:white}</style></head><body><divclass="hvtshow"><ahref="http://hovertree.com">首页</a><ahref="http://hovertree.com/texiao/">更多特效</a><ahref="http://hovertree.com/hvtart/bjae/upnrkt1d.htm">原文</a><ahref="http://hovertree.com/down/">HoverTreeCMS</a><ahref="http://keleyi.com">柯乐义</a></div><divclass="wrap"><divid="hovertreesildes"><divclass="control"><ulclass="change"></ul></div><divclass="thumbWrap"><divclass="thumbCont"><ul><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/1_0.jpg"url="http://hovertree.com/"text="何问起素材上海，近日杨幂刘恺威一同出现在上海浦东机场，当天两人均是一身休闲装扮杨幂更是素颜戴着墨镜出现，在拿完行李之后两人便与同伴告别，刘恺威推着行李车一路快走准备离开，杨幂只得跟在其身后一路小跑才追上男友，挽着男友手臂一起走出机场，可刚走出机场没多远刘恺威又再一次撒腿就跑，害的身后的杨幂只能不顾形象的在其身后猛追，之后两人纷纷消失在机场的出口处。"bigImg="http://hovertree.com/texiao/jquery/index/h1.jpg"alt="组图：男友刘恺威疑生气杨幂机场当众撒腿狂追"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/10_0.jpg"url="http://hovertree.com/"text="asp.net开源项目HoverTreeCMS，使用C#语言开发，基于.NET 4.0，数据库采用SQL SERVER 2008。最新开发版本下载：http://hovertree.com/down/ "bigImg="http://hovertree.com/texiao/jquery/index/h10.jpg"alt="HoverTreeCMS是一个开源的ASP.NET项目"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/11_0.jpg"url="http://hovertree.com/texiao/mobile/5.htm"text="效果体验：http://hovertree.com/texiao/mobile/5.htm 可以使用手机浏览器查看体验效果。"bigImg="http://s1.knowsky.com/20151016/dwyrs1uu2tv48.jpg"alt="手机底部导航栏hovertreebottom"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/12_0.jpg"url="http://hovertree.com/"text="HoverTree"bigImg="http://hovertree.com/texiao/jquery/index/h12.jpg"alt="何问起"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/1_0.jpg"url="http://hovertree.com/"text="腾讯娱乐讯上海，近日杨幂刘恺威一同出现在上海浦东机场，当天两人均是一身休闲装扮杨幂更是素颜戴着墨镜出现，在拿完行李之后两人便与同伴告别，刘恺威推着行李车一路快走准备离开，杨幂只得跟在其身后一路小跑才追上男友，挽着男友手臂一起走出机场，可刚走出机场没多远刘恺威又再一次撒腿就跑，害的身后的杨幂只能不顾形象的在其身后猛追，之后两人纷纷消失在机场的出口处。"bigImg="http://hovertree.com/texiao/jquery/index/h1.jpg"alt="组图：男友刘恺威疑生气杨幂机场当众撒腿狂追"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/11_0.jpg"url="http://keleyi.com/"text="http://keleyi.com/"bigImg="http://s1.knowsky.com/20151016/dwyrs1uu2tv48.jpg"alt="柯乐义"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/12_0.jpg"url="http://hovertree.com/texiao/jquery/5.htm"text="效果预览：http://hovertree.com/texiao/jquery/5.htm"bigImg="http://hovertree.com/texiao/jquery/index/h12.jpg"alt="HoverTree用户数字打分评价特效"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/1_0.jpg"url="http://hovertree.com/"text="腾讯娱乐讯上海，近日杨幂刘恺威一同出现在上海浦东机场，当天两人均是一身休闲装扮杨幂更是素颜戴着墨镜出现，在拿完行李之后两人便与同伴告别，刘恺威推着行李车一路快走准备离开，杨幂只得跟在其身后一路小跑才追上男友，挽着男友手臂一起走出机场，可刚走出机场没多远刘恺威又再一次撒腿就跑，害的身后的杨幂只能不顾形象的在其身后猛追，之后两人纷纷消失在机场的出口处。"bigImg="http://hovertree.com/texiao/jquery/index/h1.jpg"alt="组图：男友刘恺威疑生气杨幂机场当众撒腿狂追"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/12_0.jpg"url="http://hovertree.com/texiao/jeasyui/1.htm"text="效果体验：http://hovertree.com/texiao/jeasyui/1.htm"bigImg="http://hovertree.com/texiao/jquery/index/h12.jpg"alt="EasyUI弹出窗口实例"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/10_0.jpg"url="http://hovertree.com/menu/hovertreecms/"text="http://hovertree.com/menu/hovertreecms/"bigImg="http://hovertree.com/texiao/jquery/index/h10.jpg"alt="HoverTreeCMS"></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/11_0.jpg"url="http://hovertree.com/menu/jquery/"text="http://hovertree.com/menu/jquery/"bigImg="http://s1.knowsky.com/20151016/dwyrs1uu2tv48.jpg"alt=" jQuery "></div></li><li><div><imgsrc="http://hovertree.com/texiao/jquery/index/12_0.jpg"url="http://hovertree.com/"text="http://hovertree.com/menu/aspnet/"bigImg="http://hovertree.com/texiao/jquery/index/h12.jpg"alt="ASP.NET "></div></li></ul></div></div></div></div></body></html>

js,jquery,css,html5特效 http://www.cnblogs.com/roucheng/p/texiao.html