最近学习mootools正好又有朋友网站需要图片切换的效果,所有就用mootools写了个简单的切换,功能待完善
调用方法:
引用:
mootools-1.2-core.js
mootools-1.2-more.js
ScrollPicture-min.js
<script language="javascript" src="mootools-1.2-core.js"></script>
<script language="javascript" src="mootools-1.2-more.js"></script>
<script language="javascript" src="ScrollPicture-min.js"></script>
var ppc=new ScrollPicture(imgsAry,w,h,duration,Interval,Container)
参数:
imgsAry:图像数组
w:图片的宽度
h:图片高度
duration:切换速度,值越大,切换速度越慢
Interval:切换间隔
Container:显示容器
Demo:
<div id="cont"></div>
<script language="javascript">
var w=998;
var h=336;
var Switcher = new Array();
Switcher[0]= "tu1.jpg"
Switcher[1]= "tu2.jpg"
Switcher[2]= "tu3.jpg"
var ppc=new ScrollPicture(Switcher,w,h,'500','5000','cont');
ppc.play();
</script>
Demo及源文件下载
分享到:
相关推荐
mootools写的简单的图片滚动切换效果,功能待完善,ScrollPicture.js是类源文件
mootools写的简单的图片滚动切换效果,功能待完善,ScrollPicture.js是类源文件
基于 Mootools 框架的图片切换完整代码,兼容性做的很好,在IE6、7和8、Firefox、Opera9.6下均测试通过,表现完美。不过图片切换的过渡方式目前仅有一个渐变效果,播放速度有点快,不过这个是可以调节的。设置滚动...
Mootools 图片切换代码打包 Mootools 图片切换代码打包
mootools网页滑动切换效果,打开网页后,点击相应的文字导航,网页即可在多视图中切换,动态显示到下一个页面显示,切换方式丰富,看上去挺酷,截图只是其中一种切换方式,十字切换。
Mootools 多样式图片滚动实现【荐】.zip
基于Mootools的图片切换代码.zip
使用mootools框架实现精美图片滑动的效果
mootools实现checkbox和radiobox效果
一款基于Mootools.js的动画效果的多级折叠菜单,实现:Simple Show/Hide简单的显示/隐藏效果、Mootools Toggle带有平滑伸展的过渡等。
一套基于Mootools技术 实现的动画效果导航菜单源码例子
用mootools实现的精美相册效果.zip 用mootools实现的精美相册效果.zip 用mootools实现的精美相册效果.zip
Mootools 带弹性动画的图片切换,鼠标到图片上自动展开图像,效果平滑,像FLASH,韩国网站经常见的效果,同时还可以研究一下mootools。
MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的...
mootools焦点图特效代码-支持Loading效果,您借此图片特效还可学习一下另一款优秀的Js插件:mootools的具体用法。这款焦点图自带有加载条,其实是进度条,通过进度条可看到图片什么时候可以切换了,进度条由左侧进行...
mootools框架入门教程mootools框架入门教程mootools框架入门教程
MooTools 帮助文档 api ajax