HTML部分： CSS部分： 原生JS部分： ...
分类：
Web程序 时间：
2017-04-16 21:07:41
阅读次数：
454
bannner图以及其他需要滚动图的地方可以用CSS的animation来做，但是不能随心所欲的控制，而用JS做起来也并不难，而且可以加以控制。 ...
分类：
Web程序 时间：
2017-04-16 20:34:26
阅读次数：
326
CSS+JS实现banner图滚动和点击切换 HTML 部分代码： CSS代码： JS 部分代码： ...
分类：
Web程序 时间：
2017-04-16 19:20:11
阅读次数：
266
通过JS实现banner图的滚动主要是定时器的应用 先新建好banner图的几张图片，最后一张与第一张用同一个，保证滚动的不间断 改好样式，需注意所有图片要在同行显示，否则不能向左滚动 声明一个函数，为定时器函数，函数内通过switch结构执行，case的值通过声明一个全局变量每次执行函数的时候使其 ...
分类：
Web程序 时间：
2017-04-16 11:15:15
阅读次数：
291
$(function(){ var index = 1; var ul_li = $('.banner_ul li'); var icon_li = $('.icon_ul li'); var img_length = $('.banner_ul li').length;; var _width = ...
分类：
其他好文 时间：
2017-04-12 16:14:01
阅读次数：
166
#banner{ /*宽度，浏览器的100%*/ width: 100%; /*原则上，高度=图片高度*/ height: 500px; position: relative; overflow: hidden; } #banner img{ /*宽度，图片的实际高度*/ width: 1920px ...
分类：
Web程序 时间：
2017-04-09 23:32:21
阅读次数：
315
//第一个为ul/ol使用中的li使用需要注意的地方 1、<ul id="banner_indicator"><li></li><li></li><li></li><li></li></ul> 2、<ul id="banner_indicator"> <li></li> <li></li> <li> ...
分类：
Web程序 时间：
2017-04-09 12:38:18
阅读次数：
164
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Through the Looking-Glass</title><style>*{ padding:0; margin:0;}#banner{ width:400px ...
分类：
其他好文 时间：
2017-04-09 09:40:20
阅读次数：
138
分支语句 循环语句 Python中for else 语句 只要for循环语句不是通过break结束循环,那么无论for循环有没有执行,都会执行else里的语句. while ...else也是一样 break:跳出整个循环 continue:跳出本次循环,继续执行下一次循环 ...
分类：
编程语言 时间：
2017-04-07 19:48:41
阅读次数：
185
解决方案： 因为banner图是动态创建的，在插件开始初始化时，文档流中没用图片，故没有创建相应宽度，通过调整js加载顺序，问题还是没有解决。最后找到swiper插件 api 有属性是可以根据内容变动，自动初始化插件的，添加observer：true后问题解决！ 示例： var mySwiper = ...
分类：
Web程序 时间：
2017-04-07 09:22:23
阅读次数：
352
