基于jquery的图片渐影轮播焦点图[正常图片布局].zip资源-CSDN文库

共8个文件

jpg：5个

htm：1个

js：1个

版权申诉

176 浏览量 2022-11-10 00:25:27 上传评论收藏 208KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jquery的图片渐影轮播焦点图[正常图片布局].zip （8个子文件）

132692089473492359

likecs.com_132692089487515802

发个图片渐影轮播效果effect

images

05.jpg 61KB

04.jpg 60KB

03.jpg 19KB

06.jpg 21KB

02.jpg 20KB

01.gif 41KB

demo.htm 5KB

effect_commonv1.1.js 4KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> JavaScript 焦点图图片渐影轮播切换</title> <meta name=" JavaScript 图片渐影轮播切换"> <meta name="description" content=" JavaScript 焦点图图片渐影轮播切换"> <script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script> <script type="text/javascript" src="effect_commonv1.1.js"></script> </head> <body> <div style="clear:both; margin-bottom:20px;"> <ul id="pub_slideplay"> <li> <a target="_blank" href="#"> <img alt="" src="images/01.gif" /> <p>昨天身材超好的新娘晒马代蜜月</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/02.jpg" /> <p>给我人生中第一个一克拉的钻</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/03.jpg" /> <p>"我喜欢自己二十岁时甜美的笑</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/04.jpg" /> <p>单眼皮MM也可以很漂亮</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/05.jpg" /> <p>一桌子好菜大餐都没人敢吃</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/06.jpg" /> <p>大学女生寝室真的很“丰满”</p> </a> </li> </ul> </div> <div style="clear:both; margin-bottom:20px"> <ul id="pub_slideplay2"> <li> <a target="_blank" href="#"> <img alt="" src="images/01.gif" /> <p>昨天身材超好的新娘晒马代蜜月</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/02.jpg" /> <p>给我人生中第一个一克拉的钻</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/03.jpg" /> <p>"我喜欢自己二十岁时甜美的笑</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/04.jpg" /> <p>单眼皮MM也可以很漂亮</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/05.jpg" /> <p>一桌子好菜大餐都没人敢吃</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/06.jpg" /> <p>大学女生寝室真的很“丰满”</p> </a> </li> </ul> </div> <div style="clear:both;"> <ul id="pub_slideplay3"> <li> <a target="_blank" href="#"> <img alt="" src="images/01.gif" /> <p>昨天身材超好的新娘晒马代蜜月</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/02.jpg" /> <p>给我人生中第一个一克拉的钻</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/03.jpg" /> <p>"我喜欢自己二十岁时甜美的笑</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/04.jpg" /> <p>单眼皮MM也可以很漂亮</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/05.jpg" /> <p>一桌子好菜大餐都没人敢吃</p> </a> </li> <li> <a target="_blank" href="#"> <img alt="" src="images/06.jpg" /> <p>大学女生寝室真的很“丰满”</p> </a> </li> </ul> </div> <script type="text/javascript">new dk_slideplayer("#pub_slideplay",{width:"320px",height:"170px",fontsize:"12px",time:"5000"});</script> <script type="text/javascript">new dk_slideplayer("#pub_slideplay2",{width:"320px",height:"170px",fontsize:"12px",time:"4000"});</script> <script type="text/javascript">new dk_slideplayer("#pub_slideplay3",{width:"320px",height:"170px",fontsize:"12px",time:"3000"});</script> </body> </html>

评论收藏

内容反馈

版权申诉