06 2017 档案

css3实现切换按钮效果
摘要：一、需求分析 在移动端，经常会需要一个切换按钮，如图： 切换前 切换后 那我可以用css属性来实现这个按钮的切换功能 二、代码如下 本案例中，以label::before作为切换按钮的卡槽，label::after作为按钮的小圆球。 利用css选择器:checked进行切换，改变切换前后label: 阅读全文

posted @ 2017-06-27 10:47 西风瘦马justin 阅读(1169) 评论(0) 推荐(0)

localStorage实现不同页面间的数据传递
摘要：一、需求 在一个页面中有一个列表，每个列表项对应另一个页面的内容，操作当前页面的列表项，另一个页面的相应内容被删除。 二、分析 在操作页面，记录被操作的列表项，传入localStorage中。在内容页面，取出localStorage中的数据，然后根据操作页面传递过来的值进行删除操作 阅读全文

posted @ 2017-06-26 13:18 西风瘦马justin 阅读(800) 评论(1) 推荐(0)

移动端原生js，css3实现轮播图
摘要：一、功能需求 1、自动播放2、滑动切换3、点击切换 二、思路分析 html代码： <div class="container"> <ul class="list clearfix"> <li class="item fl item5">图5</li> <li class="item fl item1 阅读全文

posted @ 2017-06-25 19:34 西风瘦马justin 阅读(261) 评论(0) 推荐(0)

移动端，阻止页面滚动，让页面中某个盒子滚动
摘要：最近在开发中遇到一个要求，即固定移动端的页面，实现页面中的盒子滚动。这应该是开发中常见的需求，所以在这总结一下，跟大家分享。 其实这个问题不复杂，不需要写js代码，不需要阻止body的默认事件。 上代码： <!DOCTYPE html><html lang="en"> <head> <meta ch 阅读全文

posted @ 2017-06-16 11:42 西风瘦马justin 阅读(432) 评论(0) 推荐(0)