摘要: 一、布局 二、布局转化 三、给按钮添加点击事件,点击下一页的时候,第一次运动需要将本页的内容收起来,所以有如下代码: 四、第一次运动完成之后,紧接着需要马上展现下一页的内容,所以我们将上面的代码改成下面这种形式 五、当第一轮运动结束之后,我们执行第一轮的运动,即展现下一页的内容,第二轮运动同样用到封 阅读全文
posted @ 2019-01-02 16:05 小之 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 一、布局 二、获取需要操作的元素 三、做无缝滚动,需要将ul的内容复制一份,并让ul的内容在一行显示,所以我们执行以下操作: 四、首先我们分析向左运动的情况: 五、分析向右运动的情况: 完整代码: 阅读全文
posted @ 2019-01-02 16:03 小之 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 一、html+css布局 二、获取需要操作的元素 三、布局 分析布局可以知道,第一个li的left值为0,位置是不需要变化的 我们假设右边每个竖条的宽度为30 var w=30; 第二个li的left值为:oBox的盒模型的宽度减去4*w >4 aLi.length-1; 第三个li的left值为: 阅读全文
posted @ 2019-01-02 16:02 小之 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 第一步:获取底部的那个按钮对象,默认的情况下那个按钮对象是不可见的。可见的条件的是滚轮距离顶部有距离。 var oBtn=document.getElementById('btn1'); 第二步:添加滚轮事件。 (1). 获取滚轮距离顶部的距离。如果距离大于0,就将按钮对象可见。 var scrol 阅读全文
posted @ 2019-01-02 16:00 小之 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 一、布局 二、获取操作元素(当前我们需要操作的是li) 三、布局转化 布局转化原因:当前布局为浮动布局(浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止,浮动脱离了正常的文档流) ,所以如果不进行布局转化,当元素放大之后,他会挤压其他的浮动元素,导致布局会乱,所以我们需要 阅读全文
posted @ 2019-01-02 15:59 小之 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 第一步: 首先要获取你要改变的那个div。 var oBox=document.getElementById('box'); //div对象 第二步: (1). 定义一个move函数。怎么定义? 首先我们要操作什么?怎么操作?操作结束后的收尾工作? > oBox (div对象) > 我们希望他变成什 阅读全文
posted @ 2019-01-02 15:56 小之 阅读(156) 评论(0) 推荐(0) 编辑