基于jQuery的带文字说明的幻灯片轮播效果.zip资源-CSDN文库

共9个文件

jpg：3个

js：2个

gif：2个

版权申诉

前端代码

59 浏览量 2022-11-10 00:34:30 上传评论收藏 158KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jQuery的带文字说明的幻灯片轮播效果.zip （9个子文件）

132692142742634439

likecs.com_132692142754485805

幻灯片效果

css

ui.css 2KB

turn-l.gif 53B

turn-r.gif 53B

images

img1.jpg 43KB

img2.jpg 42KB

img3.jpg 41KB

slide-a.js 7KB

jquery-1.4.2.min.js 71KB

demo-a.html 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>幻灯片效果展示-Download by http://www.jb51.net</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <link href="css/ui.css" type="text/css" rel="stylesheet" rev="stylesheet" media="screen" /> </head> <body> <div id="slide-box">  <ul rel="slide-data" style="display: none;"> <li> <p class='data-title'>菲律宾将比照9-11调查人质事件香港剖验遗体</p> <p class='data-url'>http://www.jb51.net</p> <p class='data-description'>2010年7月23日，加拿大一架F-18战斗机为航空展进行预演时坠毁，飞行员在最后一刻逃生</p> <p class='data-thumb'>images/img3.jpg</p> </li> <li> <p class='data-title'>邓超-倚天屠龙记</p> <p class='data-url'>http://www.baidu.com</p> <p class='data-description'>杨果将自己推荐给项氏律师事务所的负责人和头号律师项羽平(言承旭饰)</p> <p class='data-thumb'>images/img2.jpg</p> </li> <li> <p class='data-title'>赵本山豪华保姆车曝光</p> <p class='data-url'>http://www.jb51.net</p> <p class='data-description'>2010年7月23日，加拿大一架F-18战斗机为航空展进行预演时坠毁，飞行员在最后一刻逃生</p> <p class='data-thumb'>images/img3.jpg</p> </li> <li> <p class='data-title'>菲律宾将比照9-11调查人质事件香港剖验遗体</p> <p class='data-url'>http://www.jb51.net</p> <p class='data-description'>2010年7月23日，加拿大一架F-18战斗机为航空展进行预演时坠毁，飞行员在最后一刻逃生</p> <p class='data-thumb'>images/img3.jpg</p> </li> <li> <p class='data-title'>邓超-倚天屠龙记</p> <p class='data-url'>http://www.baidu.com</p> <p class='data-description'>杨果将自己推荐给项氏律师事务所的负责人和头号律师项羽平(言承旭饰)</p> <p class='data-thumb'>images/img2.jpg</p> </li> <li> <p class='data-title'>赵本山豪华保姆车曝光</p> <p class='data-url'>http://www.jb51.net</p> <p class='data-description'>2010年7月23日，加拿大一架F-18战斗机为航空展进行预演时坠毁，飞行员在最后一刻逃生</p> <p class='data-thumb'>images/img3.jpg</p> </li> </ul> <div class="thumb-wrap"> <div><a href=""><img rel="thumb" src="images/img1.jpg" width="600" height="365" alt="" /></a></div> <div class="shadow" rel="shadow"></div> <p class="description" rel="description">2010年7月23日，加拿大一架F-18战斗机为航空展进行预演时坠毁，飞行员在最后一刻逃生</p> </div> <div class="tit-ctrl"> <p class="title"><a href="" rel="title">加拿大阿尔伯塔莱斯布里奇机场</a></p> <div class="ctrl" rel="ctrl"> <img class="tl" rel="tl" alt="" src="css/ui/turn-l.gif" title="点击切换到上一张" /> <img class="tr" rel="tr" alt="" src="css/ui/turn-r.gif" title="点击切换到下一张" /> <span class="num" rel="num"><strong>0</strong>/<em>4</em></span> </div> </div> </div> <script type="text/javascript" src="js/slide-a.js"></script> </body> </html>

评论收藏

内容反馈

版权申诉