- 响应式全屏无缝滚动式幻灯片
作者:秋了秋 发表时间:2015年11月13日
- 之前有写过淡入淡出的幻灯片《详解jq幻灯片原理及制作方法 》,现在写一个左右滚动式幻灯片,虽然web幻灯片功能的代码在网上一抓一大把,但网上很多的都是通过插件封装而来,动不动就几千行代码,一两百kb大小,占用资源不说,对于修改来说也异常困难和麻烦。所以这东西还得自己掌握比较好,自己爱怎么写就怎么写,我让它怎么滚动就怎么滚动,我让它向东它绝不会向西。 如果...
- 详解jq幻灯片原理及制作方法
作者:秋了秋 发表时间:2015年09月16日
- 要让jq实现一种web效果,方法有很多,最重要的是要明白实现过程的原理,如此一来才能根据自己的思路实现想要的效果,今天带大家详解一下世界上最简洁但功能齐全的幻灯片制作及其原理,包括左右切换按钮,焦点切换按钮,自动轮播。 原理说话 : 把所有图片使用position:absolute;重叠在一个容器内,通过js控制每张图片的透明度来实现显示和隐藏的目的,使用animate实现动画过...