基于jquery的图片渐影轮播焦点图[正常图片布局]免费下载
【资源属性】:资源名称:基于jquery的图片渐影轮播焦点图[正常图片布局]
资源大小:203KB
资源类别: 焦 点 图
更新时间:2023-03-08
资源语言:简体中文
授权方式:免费下载
使用平台:Windows/Linux/Mac
下载地址:下载地址
演示地址:查看演示
基于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"});
==轮播{对象|对象属性}==
对象属性{宽度|高度|文字大小|自动切换时间}