博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js-自制轮播插件!
阅读量:6924 次
发布时间:2019-06-27

本文共 444 字,大约阅读时间需要 1 分钟。

刚接触轮播的时候,感觉这种东西好高端,后来学习了jquery后,发现原来挺简单的,而且实现轮播也有很多形式,我用jquery自制了一个轮播插件,其实我这个说是插件,好像其实就是一个高度抽象的函数而已。慢慢来!以后再整高端点的!

首先原理是有个outerbox的容器,就是轮播的整体框架了,大小最好与图片的大小一致;然后outerbox内部嵌套一个innerbox,innerbox是个很长的容器,里面放着图片,然后通过移动innerbox的位置实现outerbox里显示不同的图片,原理非常简单!

这个插件只需要设置outerbox的宽度和高度就可以正常使用,还可以通过传递参数修改轮播间隔和颜色风格,整体风格类似于亚马逊首页的轮播图。

不过通过js在outerbox里新建了好多个元素,不知道对性能影响大不大或者是否有更大的不良后果,通过以后的学习再来解答这个问题吧。

效果图:

代码在我的github:https://github.com/zhangcuiZC/slideshowzc

转载地址:http://uthcl.baihongyu.com/

你可能感兴趣的文章
安卓开发中的重力感应传感器
查看>>
第五章docker镜像仓库
查看>>
使用Python和Blender来学习3D编程
查看>>
Linux下rsync文件同步服务器配置详解
查看>>
一次内存泄露问题的排查
查看>>
nagios zabbix 对比
查看>>
zabbix提示swap space不足的解决方法
查看>>
《活法》3效仿前辈
查看>>
JVM
查看>>
简易日期类
查看>>
MySQL深入07-查询缓存
查看>>
我的友情链接
查看>>
解决若要安装 Microsoft Office 2010,需要MSXML 版本 6.10.1129的问题
查看>>
centos网络设置
查看>>
OpenX开源广告系统学习分析总结
查看>>
make: Nothing to be done for `unix'
查看>>
谷歌释出Daydream Ready手机要求 看看你的手机达标没
查看>>
Java回调机制解读
查看>>
对Oracle软软解析的一点看法
查看>>
使用ABAP(ADBC)和Java(JDBC)连接SAP HANA数据库
查看>>