HTML5_CSS3仿Google Play垂直菜单

一款CSS3仿Google Play的垂直菜单

之前分享过一款非常酷的CSS3垂直下拉动画菜单,是多级菜单.今天我们来看一款也是用CSS3制作的垂直菜单,是仿Google Play的菜单,菜单项都带有可爱的小图标,可以先来看看效果图: 当然你可以在这里看到这款垂直菜单的DEMO演示. 接下来我们来一起分析一下这款Google Play垂直菜单的源代码,菜单主要由HTML代码和CSS代码组成. 先来看看HTML代码结构: <nav> <ul> <li class="store"><span c…

C#仿google日历asp.net简单三层版本

网上搜了很多xgcalendar的例子都是Php开发的,而且官方站上的asp.net/MVC版在vs10 08 都报错. 所以自己重新用三层写了一下希望对大家有帮助废话不多说了先看看它都有些什么功能吧! 基于jQuery 的日历控件,操作方式和样式参考Google Calendar 1:支持三种视图类型 (日,月,周) 周视图日视图: 月视图 2:支持定义一周的开始日期 3: 支持无刷新获取数据和更新数据 4:支持滑动选择时间段新增日程(包括单日和跨日) 添加单日的日程添加多日的日程…

仿微信底部自定义菜单移动web

最近在做微信开发,要实现微信公众号改版—-改成微官网形式,即移动web页面中实现公众号的主页面,包括了公众号的菜单在底部显示本文针对仿公众号底部菜单这个功能实现进行总结.实现采用html和css.JavaScript. html页面实现了布局方式: <!DOCTYPE html"> <html> <head> <title>New Document</title> <meta name="Generator"…

WPF一个简单的垂直菜单样式的实现

以前制作类似于垂直菜单功能的控件我都是Listbox和一个Popup实现的,今天尝试着用Menu做了一个简单垂直菜单,就当是做了个小练习写了这篇随笔~: 有什么不对的地方希望大家指正,分享和记录也是一个学习和提高的过程^-^. 先看看效果图(颜色搭配不是很合理有些难看): 实现方式就是重写了Menu和MenuItem的样式,绿色的地方是可以添加Icon的,只是简单的用Rectangle代替了(还是能说明问题的) <Style TargetType="{x:Type Menu}"&…

仿Google首页搜索自动补全

仿Google自动补全,实现细节: 后台是简单的servlet(其实就是负责后台处理数据交互的,没必要非跌用个struts...什么的) 传输介质:xml 使用jQuery js框架功能实现: 如果在缓冲300ms内只输入一个字母,则开始与后台交互. 弹出检索匹配单词的层.可以通过方向键上下选择选项,被选择的高亮显示,颜色和Google的一模一样,并且键盘选择过程中文本框动态赋值高亮单词,回车提交,ESC隐藏显示层,删除文本框中内容. 被鼠标选择的单词高亮显示,点击鼠标可以替换文本框内容,层…

.Net 文本框实现内容提示(仿Google、Baidu)

原文:.Net 文本框实现内容提示(仿Google.Baidu) 1.Demo下载: 文本框实现内容提示(仿Google.Baidu).rar 2.创建数据库.表(我用的sqlserver2008数据库) CREATE TABLE Ceshi ( id VARCHAR() PRIMARY KEY NOT NULL, cname VARCHAR() ) GO INSERT INTO Ceshi SELECT NEWID(),'jack1' UNION SELECT NEWID(),'jack2'…

PHP实现仿Google分页效果的分页函数

本文实例讲述了PHP实现仿Google分页效果的分页函数.分享给大家供大家参考.具体如下: /** * 分页函数 * @param int $total 总页数 * @param int $pagesize 每页几条 * @param string $pkey url中页面变量名称 * @param string $url 基础url,其中的{page}会被替换为页码 * 依赖函数 request_uri httpInt */ function page($total,$pagesize=10,…

Android开发技巧——使用Dialog实现仿QQ的ActionSheet菜单

最近看到有人用Dialog来实现QQ的仿ActionSheet的自定义菜单,对于自己没实现过的一些控件,看着也想实现一下.于是动手了一下,发现也不难,和大家分享一下. 本文原创,转载请注明出处:http://blog.csdn.net/maosidiaoxian/article/details/46119197 在这里我也是用Dialog来实现,代码不多,这里说一下实现的过程. 菜单的布局文件首先我们写先一下菜单的布局文件,很简单,一个ListView菜单再加一个取消的Button. <?xm…

PHP通用分页类page.php[仿google分页]

<?php /** ** 通用php分页类.(仿Google样式) ** 只需提供记录总数与每页显示数两个参数.(已附详细使用说明..) ** 无需指定URL,链接由程序生成.方便用于检索结果分页. ** 表单采用GET方法提交,可保证在诸如查询之,删除之类的操作时,不丢失URL参数 **/ class Pager{ //IE地址栏地址 var $url; //记录总条数 var $countall; //总页数 var $page; //分页数字链接 var $thestr; //首页.上一页…

Android仿QQ ios dialog,仿QQ退出向上菜单

Android仿QQ ios dialog,仿QQ退出向上菜单 EasyDialog两种模式仿QQ退出向上菜单,自己定义向上菜单 github地址:https://github.com/hellosliu/EasyDialog 使用方式: android studio 加入gradle compile 'com.liu.easydialog:easydialog:1.0.0' 使用build创建dialog 一.使用仿QQ退出时的向上菜单 List<String>…

仿Google Nexus菜单样式

在线演示本地下载…

小谷的战斗Jquery(三)--水平和垂直菜单

日薪的例子似乎有点低,今天做多.行,这种实现是一个简单的菜单,Web项目中,有两个共同的菜单:纵向和横向.说到从垂直,看原代码. html代码实现最主要的菜单与子菜单 <span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran…

仿qq的侧拉菜单效果

自定义控件 import android.animation.ArgbEvaluator; import android.animation.FloatEvaluator; import android.content.Context; import android.graphics.Color; import android.graphics.PorterDuff; import android.support.v4.view.ViewCompat; import android.suppor…

仿淘宝左侧菜单导航栏纯Html + css 写的

这俩天闲来没事淘宝逛了一圈看到淘宝的左侧导航菜单做的是真心的棒啊,一时兴起,查了点资料抓了几个图片仿淘宝写了个css,时间紧写的不太好,大神勿喷,给小白做个参考废话不多说先来个效果图接下来直接上代码,图片没法传,只能直接放代码下边,辛苦点一张一张扣去吧…

安卓开发笔记——关于开源项目SlidingMenu的使用介绍（仿QQ5.0侧滑菜单）

记得去年年末的时候写过这个侧滑效果,当时是利用自定义HorizontalScrollView来实现的,效果如下: 有兴趣的朋友可以看看这篇文件<安卓开发笔记——自定义HorizontalScrollView控件(实现QQ5.0侧滑效果)> 今天换一种实现方式,来说下GitHub上非常优秀的开源项目SlidingMenu的使用,它是一种比较新的界面效果,在主界面左滑或右滑出现设置界面效果,能方便的进行各种操作.市面上很多优秀的APP都采用了这种界面方案,像facebook.人人网.everyno…

Android 仿新闻阅读器菜单弹出效果（附源码DEMO）

这一系列博文都是:(android高仿系列)今日头条 --新闻阅读器 (一) 开发中碰到问题之后实现的,觉得可能有的开发者用的到或则希望独立成一个小功能DEMO,所以就放出来这么一个DEMO. 原本觉得是最后完成后发网站客户端的,可是这样体现不出一个功能一个功能的分析实现效果,而且周期时间长,所以就完成一部分,发一部分,敬请谅解. 下面的菜单弹出效果在很多的新闻阅读器上都有,比如今日头条.360新闻等.下其实这个实现起来很简单,看其效果,其实就是一个PopupWindow,之后设定相应post…

仿QQ5.0侧滑菜单

一.概述侧滑菜单现在已经非常流行了,目前大概有这么几种:最普通的侧滑,抽屉侧滑,QQ侧滑注:本文来自慕课网二.最普通的侧滑先上图代码如下: public class MainActivity extends Activity { private SlidingMenuView mLeftMenu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceStat…

基于bootstrap的后台二级垂直菜单[转]

最近做一个后台的管理项目,用到了Twitter推出的bootstrap前端开发工具包,是一个基于css3/html5的框架.花周末时间,写了一个非常简单后台的菜单.本着开源的精神,现在把它分享出来(呵呵,前端的老鸟就不要看啦!).首先,看一下菜单的结构: 预览地址 :http://www.huosen.net/demo/bootstrap-menu/index.htmlcss的代码为: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 2…

android控件库(2)-仿Google Camera 的对焦效果

一直很喜欢Google Camera的自动对焦效果,今日闲来无事,自己做了个: 废话不多说,代码才是王道: package com.example.test.view; import com.example.test.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; impo…

AJAX实现仿Google Suggest效果

修复了一些细节代码(支持持续按键事件) *项目名称:AJAX实现类Google Suggest效果*作者:草履虫(也就是蓝色的ecma)*联系:caolvchong@gmail.com*时间:2007-7-7*工具: DreamWeaver(写ASP),Aptana(写Javascript,HTML和CSS),Emeditor(写这篇文章),Access2003(数据库)*测试平台:Firefox2.0,IE6.0,IE7.0*演示地址:http://finish.3322.org/sugges…

Bootstrap-基于bootstrap的后台二级垂直菜单

最近做一个后台的管理项目,用到了Twitter推出的bootstrap前端开发工具包,是一个基于css3/html5的框架.花周末时间,写了一个非常简单后台的菜单.首先,看一下菜单的结构: 预览地址 :http://www.huosen.net/demo/bootstrap-menu/index.htmlcss的代码为: /*左侧菜单*/ .sidebar-menu{ border-right: 1px solid #c4c8cb; } /*一级菜单*/ .menu-first{ height:…

高仿拉手网底部菜单实现FragmentActivity+Fragment+RadioGroup

先把欢迎页和引导页的代码上传了http://download.csdn.net/detail/u013134391/7183787不要积分的. 底部菜单条实如今4.0曾经都是用tabhost.如今基本都被fargmentActivity加RadioGroup替代.以下实现底部菜单相同是用后者实现. 先声明一组四个的RadioButton的RadioGroup的单选button组,然后呢对照拉手网我们就发现样子太不一样了,我们的另一个单选button的样式,这个我们写RadioButton的and…

【转】仿QQ5.0侧滑菜单ResideMenu

本文由孙国威原创.如需转载,请注明出处! 原文:http://blog.csdn.net/manoel/article/details/39013095 为了后续对这个项目进行优化,比如透明度动画.背景图的位移动画,以及性能上的优化. 我把这个项目上传到github上面,请大家随时关注. github地址https://github.com/sunguowei 最近项目要做一个QQ5.0的侧滑菜单效果,和传统的侧滑菜单存在着一些差异.想必大家都已经见识过了. 为了不重复发明轮子,先去githu…

【特效】手机端仿美团下拉菜单带遮罩层html+css+jquery

写了一个手机端的下拉菜单,类似美团,用相对单位rem写的. 效果截图: 代码很简单,原理有点类似嵌套的选项卡,其中的难点在于弹出下拉菜单后,出现黑色半透明遮罩层,而且下层列表页面禁止滚动了.关键就是给html和body都加上overflow":"hidden. 效果预览:(请用谷歌浏览器的f12手机模拟模式) http://www.gbtags.com/gb/rtreplayerpreview-standalone/2824.htm 源码下载: http://pan.baidu.com…

仿qq最新侧滑菜单

为了后续对这个项目进行优化,比如透明度动画.背景图的位移动画,以及性能上的优化. 我把这个项目上传到github上面,请大家随时关注. github地址https://github.com/sunguowei 最近项目要做一个QQ5.0的侧滑菜单效果,和传统的侧滑菜单存在着一些差异.想必大家都已经见识过了. 为了不重复发明轮子,先去github上面搜索了一番. 发现了几个类似的,但是还是有一些不同. 下面是搜索到的类似的开源项目. RESideMenu(ios项目) https://github…