以下是参数说明:
| [b]参数名称[/b] |
[b]描述[/b] |
| delay |
图片切换速度,单位毫秒 |
| maskOpacity |
遮罩层透明度,1为不透明,0为全透明 |
| numOpacity |
数字按钮透明度,1为不透明,0为全透明 |
| maskBgColor |
遮罩层背景色 |
| textColor |
标题字体颜色 |
| numColor |
数字按钮字体颜色 |
| numBgColor |
数字按钮背景色 |
| alterColor |
数字按钮选中项字体颜色 |
| alterBgColor |
数字按钮选中项背景颜色 |
插件代码及调用
- 插件名称:ImageScroll
[url=http://www.baidu.com]<a href="http://www.1sucai.cn"><img src="images/2.jpg" alt="漂亮的风景图片二" /></a>
<a href="http://www.codeplex.com"><img src="images/3.jpg" alt="漂亮的风景图片三" /></a>
<a href="http://www.codeproject.com"><img src="images/4.jpg" alt="漂亮的风景图片四" /></a>
<a href="http://sc.jb51.net"><img src="images/5.jpg" alt="漂亮的风景图片五" /></a>
<a href="http://s.jb51.net"><img src="images/3.jpg" alt="漂亮的风景图片六" /></a>
</div>
<script>
$("#scroll").ImageScroll();
</script>
- 运行结果
[img]http://files.jb51.net/upload/201110/20111009231012135.png[/img]
- 带参数调用
<script>
$("#scroll").ImageScroll({delay:500, maskBgColor:"#ff0000"});
</script>
- 运行结果
[img]http://files.jb51.net/upload/201110/20111009231013266.png[/img]
小结
只是个小插件,可定制性可能不是很好,大家随便看看和修改好了,貌似IE8好像还有个小bug,一会修正了再上传,大家有什么bug发现,请回复告诉我,方便我及时修正,有代码上的优化意见,也请告诉我,帮助我这个新人学习,=.=