<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or ...
分类：
其他好文 时间：
2017-04-28 21:23:05
阅读次数：
139
首先说下 3 个imageView的轮播，这个逻辑分析起来 比较简单， 先上传个图片吧：：：：： 主要分析起来，核心就是这样 ：新的图片永远是加在中间ImageView上的，下一轮的第一张图片，是上一轮的第二张图片，这样就可以形成一个无缝滚动了， 只是切换了数据的逻辑。难理解就算了，看代码才容易懂… ...
分类：
其他好文 时间：
2017-04-27 17:51:14
阅读次数：
248
上一篇随笔js从右向左无缝滚动原理中发现了一个bug，两个demo前后对接的地方会留有很大的间隙， 我把每个模块标上不同的颜色，li－蓝色，ul－绿色，两个div.demo－红色； 就会看到如图： li,ul,div这三层元素都没有设置固定宽度，而是自动充满的。 之前无论是用foat:left,还是 ...
分类：
其他好文 时间：
2017-04-25 11:44:42
阅读次数：
246
今天公司的首页新增一个公告需求，类似于如下这段代码的效果，做完以后仔细思考了一下其中的原理 在说原理之前建议先看看我上一篇 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解 这篇文章，里面例图即视化的解释了各种定位的不同，以及在 ...
分类：
Web程序 时间：
2017-04-24 23:03:44
阅读次数：
279
Math.round ( ) :正书四舍五入，负数五舍六入 用定时器，先清除定时器 事件对象 event event：事件被触动时，鼠标和键盘的状态，通过属性控制 Offset：偏移，检测 1. 获取元素尺寸 2. 检测盒子的宽高 事件源.offsetLeft. /. ele.offsetWidth ...
分类：
Web程序 时间：
2017-04-06 22:33:10
阅读次数：
544
<head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title><styletype="text/css">*{margin:0px;padding:0xp;}//默认全局外边距0，内边距0#div1{width:800px;height:200px;margin:100pxauto;position:..
分类：
Web程序 时间：
2017-03-07 23:33:11
阅读次数：
367
一：html部分 二：样式表内容 三：js部分 *定义一个速度变量speed，贯穿整个滚动过程 *把html中的滚动部分，复制一份。相当于两份一样的滚动内容 *move()方法，通过判断滚动的位置，当第一份内容的最后一副图滚动完成，就让其回复初始位置。 ...
分类：
Web程序 时间：
2017-03-02 16:27:56
阅读次数：
353
HTML代码： CSS的代码： js代码： 效果： 无缝滚动HTML： CSS代码： js代码： 效果： ...
分类：
Web程序 时间：
2017-02-05 22:46:32
阅读次数：
247
