一个简单的导航栏切换效果的制作,主要通过索引值和jquery的siblings()来实现 html代码: css代码(自己随便写的样式,大家可以自由发挥): js代码(要记得先引入jquery哦): 以上方法对于一般的场景应该足够使用,如果层级关系过于复杂就不推荐使用了 ...
分类:
Web程序 时间:
2017-02-12 20:06:10
阅读次数:
303
搞定tab标签切换效果 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>搞定tab标签切换效果</title><style>*{ margin:0; padding:0;list-style: none;}bod ...
分类:
其他好文 时间:
2017-02-06 22:31:02
阅读次数:
253
微信小程序开发,我们经常遇到类似tabBar的页面切换效果: 这种效果,微信小程序开发应该如何实现呢?项目源码: 页面切换-横向: 页面切换-竖向: 页面切换的需求是: 当点击任何一个标题时,选中标题的状态区别显示,页面切换到标题对应的页面;当滑动页面时,页面对应的标题呈现选中状态。 代码实现的逻辑 ...
分类:
微信 时间:
2017-01-28 22:11:46
阅读次数:
2675
文章转载自:http://tongling.github.io/JSCards/ 用html+css+js实现选项卡切换效果 使用之前学过的综合知识,实现一个新闻门户网站上的常见选项卡效果: 先分析基本思路。首先编写HTML,然后再加载样式,最后用JS修改相应的DOM,达到更改选项卡和内容的目的。 ...
分类:
Web程序 时间:
2017-01-21 13:03:30
阅读次数:
283
Swiper 是一个开源免费的移动触摸插件。 在使用中遇到这样一个问题,记录一下。 page 间切换效果 使用 fade 的时候,如果每个页面的大小不一样, 比如第一个页面全屏, 第二个页面比第一个小, 那么切换到第二页的时候, 第一页的内容还可以看到。 还有,使用 fade 过度方法,onSlid ...
分类:
Web程序 时间:
2017-01-18 12:38:02
阅读次数:
725
今天在进行FCC的第二个课程挑战时,发现页面的背景随着鼠标滚动,有一种像翻页一样的切换效果,看了之后虎躯一震,这是什么新奇玩意儿???立马在网上进行搜索,最后得到的结果 视差滚动。 这东西看着挺有意思,但实现原理还是挺简单的。就是把背景的background-attachment属性设置成fixed ...
分类:
其他好文 时间:
2017-01-07 22:15:33
阅读次数:
214
DJTabbarButton.m DJHomeViewController.m 最终效果: ...
分类:
其他好文 时间:
2016-12-29 07:21:53
阅读次数:
185
使用jQuery的touchSwipe插件监听触摸滑动事件,结合css3实现手机端场景滑动切换效果。最好在手机端测试代码,也可以在PC端用鼠标点击模拟滑动。 1、html代码: 注意:需引入jquery-1.11.1.min.js和jquery.touchSwipe.min.js文件 2、css代码 ...
分类:
移动开发 时间:
2016-12-28 21:03:55
阅读次数:
1902
weui的文档写的不怎么详尽,简单的来讲WeUI 为微信 Web 服务量身设计的h5框架。 WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、ar ...
分类:
Web程序 时间:
2016-12-24 16:25:57
阅读次数:
439
之前做了一个简单的小效果,使用jquery方式,让tab标签切换,效果如下 代码其实很简单,首先先把代码分享给大家,代码如下 ...
分类:
Web程序 时间:
2016-12-23 19:05:41
阅读次数:
210