参数配置 切换效果 sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft fold fade random slideInRight slideInLeft boxRandom boxRain boxRainR ...
分类：
其他好文 时间：
2016-10-13 23:44:04
阅读次数：
246
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实现多页签切换效果</title> <script src="jquery-1.11.3.js"></script> <style> * {margin: 0; p ...
分类：
其他好文 时间：
2016-09-26 11:01:10
阅读次数：
449
这是要实现的效果图： 一.HTML页面布局 <!-- HTML页面布局 --><ul class="tab_menu"> <li class="selected">房产</li> <li>家居</li> <li>二手房</li></ul><div class="tab_box"> <div> 275 ...
分类：
Web程序 时间：
2016-09-23 21:23:23
阅读次数：
254
每个菜单有多个li标签，每个li标签含一个id,li标签的id用来标记：点击效果 每个页面有一个id，这个id的作用是对应每个li标签的点击链接对应的页面，它的作用是用来标记：li标签的href指向页面位置 ...
分类：
Web程序 时间：
2016-09-14 20:35:23
阅读次数：
201
大家看到微信首页切换效果有没有觉得很炫，滑动切换，点击底部bar瞬间切换，滑动切换渐变效果，线上效果图： 之前也在博客上看到别人的实现，再次基础上，我做了些优化。首先说下实现原理，大神略过，o(╯□╰)o 页面上看到的三个页面是三个Fragment, 左右滑动使用viewpager,相信大家也都是这 ...
分类：
微信 时间：
2016-09-12 12:26:31
阅读次数：
393
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>幻灯片切换效果</title> <style> p {margin: 0;} body { ...
分类：
其他好文 时间：
2016-09-02 20:21:47
阅读次数：
217
实现轮播的一般思路为在一个大盒子中对无限个元素进行切换操作，大盒子固定大小，超出盒子范围进行隐藏，而里面无限个元素可以任何堆叠，按照一定的步骤进行位置变换，已达到在可视区域呈现我们想要的效果。 看一个实例： HTML代码： CSS代码： JS代码： 点击查看演示效果 ...
分类：
Web程序 时间：
2016-08-29 17:31:52
阅读次数：
445
用:target伪类实现Tab切换效果真的非常简单！简单到什么程度呢？它只需要下面这些代码。 style.css： html代码： 仅仅使用position:absolute;（对切换内容应用）和:target伪类将被指向对象（target object）显示层级提升（z-index:1）来实现的。 ...
分类：
Web程序 时间：
2016-08-27 23:26:48
阅读次数：
287
1. 导航菜单背景切换效果 在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式： 2.反序访问JQuery对象里的元素 在某些场景下，我们可能需要反序访问通过JQuery选择器获取到的页面元素对象，这个怎么实现 ...
分类：
Web程序 时间：
2016-08-17 15:25:12
阅读次数：
186
