基于jquery的图片渐影轮播焦点图[正常图片布局]


基于jquery的三套 图片渐影轮播切换效果,演示页面有三种图片过渡效果的示例,大家根据需求选用。代码 里标注有丰富的注释,有空的时候翻阅代码研究一下也是不错的。
html布局代码:
[code]
<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>
[/code]
  部分代码说明:
dk_slideplayer("#pub_slideplay",{width:"320px",height:"170px",fontsize:"12px",time:"5000"});
  ==轮播{对象|对象属性}==
  对象属性{宽度|高度|文字大小|自动切换时间}

下载方法:
1、请扫描下面二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在公众号里发送编号:5607
3、发送后,请选择线路下载:通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java