基于jquery的图片渐影轮播焦点图[正常图片布局
日期:2010-06-06 23:17:33 来源:网络收集
基于jquery的三套图片渐影轮播切换效果,演示页面有三种图片过渡效果的示例,大家根据需求选用。代码里标注有丰富的注释,有空的时候翻阅代码研究一下也是不错的。
html布局代码:
[code]
<divstyle="clear:both;margin-bottom:20px;">
<ulid="pub_slideplay">
<li>
<atarget="_blank"href="#">
<imgalt=""src="images/01.gif"/>
<p>昨天身材超好的新娘晒马代蜜月</p>
</a>
</li>
<li>
<atarget="_blank"href="#">
<imgalt=""src="images/02.jpg"/>
<p>给我人生中第一个一克拉的钻</p>
</a>
</li>
<li>
<atarget="_blank"href="#">
<imgalt=""src="images/03.jpg"/>
<p>"我喜欢自己二十岁时甜美的笑</p>
</a>
</li>
<li>
<atarget="_blank"href="#">
<imgalt=""src="images/04.jpg"/>
<p>单眼皮MM也可以很漂亮</p>
</a>
</li>
<li>
<atarget="_blank"href="#">
<imgalt=""src="images/05.jpg"/>
<p>一桌子好菜大餐都没人敢吃</p>
</a>
</li>
<li>
<atarget="_blank"href="#">
<imgalt=""src="images/06.jpg"/>
<p>大学女生寝室真的很“丰满”</p>
</a>
</li>
</ul>
</div>
[/code]
部分代码说明:
dk_slideplayer("#pub_slideplay",{width:"320px",height:"170px",fontsize:"12px",time:"5000"});
==轮播{对象|对象属性}==
对象属性{宽度|高度|文字大小|自动切换时间}
您可能感兴趣的脚本
菜单导航2013-02-27
菜单导航2009-05-04
菜单导航2010-07-13
焦 点 图2013-03-05
悬浮漂浮2010-05-18
菜单导航2017-04-18
焦 点 图2009-07-27
相册代码2009-05-20
菜单导航2011-08-25
在线客服2011-12-19
在线客服2014-04-15
图片特效2013-02-18
菜单导航2009-09-16
图片特效2010-05-23
相册代码2009-04-30
焦 点 图2014-12-04
菜单导航2010-07-20
相册代码2009-07-28
悬浮漂浮2010-09-03
图片特效2014-10-16
焦 点 图2009-11-09
菜单导航2015-01-04
悬浮漂浮2009-11-12
菜单导航2011-09-26