一款CSS3仿Google Play的垂直菜单

【一款CSS3仿Google Play的垂直菜单】的更多相关文章

一款CSS3仿Google Play的垂直菜单

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

jQuery css3仿游戏网站右键环形菜单

效果展示 http://hovertree.com/texiao/jquery/86/ PC用户右键弹出环形菜单. 手机用户扫描二维码: 长安可以弹出环形菜单. 转自:http://hovertree.com/h/bjaf/aht9w1n8.htm web前端特效:http://www.cnblogs.com/jihua/p/webfront.html…

很酷的CSS3仿Facebook登录表单

原文:很酷的CSS3仿Facebook登录表单今天看到一款很不错的CSS3登录表单,外观是仿Facebook的登录表单,还挺不错的,另外也支持简单的表单输入框验证.下图是表单的效果图: 我们也可以在这里查看表单的DEMO演示. 接下来我们来分析一下这款表单的源代码,首先是HTML代码: <section class="login-form-wrap"> <h1>Facebook</h1> <form class="login-for…

HTML5+CSS3实现的响应式垂直时间轴

<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>演示:HTML5+CSS3实现的响应式垂直时间轴</title><style type="text…

10款CSS3按钮 - 程序员再也不用为按钮设计而发愁了...

这次主要给大家分享10款风格各异的CSS3按钮,如果你希望你的页面也能有很炫的样式,那么我相信这10款CSS3按钮就非常适合你,而且每一款都整理了源代码供参考,一起来看看吧. 1.绚丽的CSS3发光按钮特效这是用纯CSS3实现的一组按钮特效,这组按钮不仅色彩绚丽,更重要的是如果在chrome或者safari浏览器中还能呈现出闪闪发光的特效,非常酷的一组按钮. 2.另类风格的CSS3按钮特效这组CSS3按钮比较特别,整体上来看,这组CSS3按钮给人的感觉是非常有爱非常萌.按钮上都会有一个小图标…

10款CSS3按钮 - 再也不用为按钮设计而发愁了

这次主要给大家分享10款风格各异的CSS3按钮,如果你希望你的页面也能有很炫的样式,那么我相信这10款CSS3按钮就非常适合你,而且每一款都整理了源代码供参考,一起来看看吧. 1.绚丽的CSS3发光按钮特效这是用纯CSS3实现的一组按钮特效,这组按钮不仅色彩绚丽,更重要的是如果在chrome或者safari浏览器中还能呈现出闪闪发光的特效,非常酷的一组按钮. 2.另类风格的CSS3按钮特效这组CSS3按钮比较特别,整体上来看,这组CSS3按钮给人的感觉是非常有爱非常萌.按钮上都会有一个小图标…

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

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

30款css3实现的鼠标经过图片显示描述特效

今天给大家分享30款css3实现的鼠标经过图片显示描述特效,鼠标经过这些图片的时候以非常炫的方式显示图片的描述.为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. 在线预览源码下载实现的代码. html代码: <div class="container">  <header class="codrops-header"> &…

一款jQuery仿海尔官网全屏焦点图特效代码

一款jQuery仿海尔官网全屏焦点图特效代码,带有左右箭头的jQuery焦点图切换特效. 当焦点图切换时,下方的三块小图也相对应的进行切换.并且特效还兼容头疼的IE6.赶快去和谐了它吧! 适用浏览器:IE6.IE7.IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 效果图如下: 特效下载地址:http://www.jqshare.com/Jq/fondone/id/136.html 更多特效:jquery特效…

仿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,…

15款css3鼠标悬停图片动画过渡特效

分享15款css3鼠标悬停图片动画过渡特效.这是一款15款不同效果的css3 hover动画过渡效果代码.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="htmleaf-container"> <div class="container bs-docs-container"> <div class="row"> <div class="col-md-3…

基于9款CSS3鼠标悬停相册预览特效

基于9款CSS3鼠标悬停相册预览特效里面包含九款不同方式的相册展开特效代码.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="albums"> <div class="albums-inner"> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-1"> <…

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

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

一款基于jquery和css3的响应式二级导航菜单

今天给大家分享一款基于jquery和css3的响应式二级导航菜单,这款导航是传统的基于顶部,鼠标经过的时候显示二级导航,还采用了当前流行的响应式设计.效果图如下: 在线预览源码下载实现的代码. html代码: <div id="header"> <div class="logo"> <a href="#">Responsive Nav</a> </div> <nav>…

本周推荐7款CSS3实现的动态特效

大家都知道,在网页制作时使用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制.只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式.CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的.本周极客社区本周推荐7款CSS3实现的动态特效.希望对大家有所帮助! 相关阅读: 推荐9款使用CSS3实现的超酷动画效果 10款重量级CSS3的全新特效 CSS3实现的全屏幕覆盖层效果在线演示一个使用CSS3生成的超酷幻灯…

纯CSS3实现淡入淡出下拉菜单

纯CSS3实现淡入淡出下拉菜单是一款比较简单清新的CSS3教程下拉菜单,这款下拉菜单是垂直方向的,点击主菜单项可以展开和折叠子菜单,在展开折叠的过程中伴随着淡入淡出的动画效果源代码:http://www.huiyi8.com/css3/…

jquery仿天猫商城左侧导航菜单

之前看到有博友写了一个仿天猫商城左侧导航菜单,可惜不提供免费下载,也没有代码.以前自己也写过类似的效果,只是都是一小块一小块的,现在重新拼凑.我将一步一步的实现拼凑过程,希望对你有所帮助. Demo在ie8 . 谷歌. 火狐.遨游.ie6 浏览器下运行,效果良好!但在ie6下有个bug,就是滚动条可以无限滚动,没有找到好的解决方案,哪位朋友知道怎么改告诉我一下,谢谢!如果没有更好的方法我就打算用js来解决! 好了,可以先下载例子来看看(Demo). 看看效果图: 一.定位左侧整体菜单栏 .sli…

基于CSS3制作的鼠标悬停动画菜单

之前分享了好多款css3实现的鼠标悬停效果.今天再给大家带来一款基于CSS3制作的鼠标悬停动画菜单.这款菜单适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="page"> <section class="demo"> <nav class="nav"&…

用CSS3制作很特别的波浪形菜单

原文:用CSS3制作很特别的波浪形菜单网页菜单我们见过很多,各种炫酷的.实用的菜单比比皆是.昨天我看到一款很特别的CSS3菜单,它的外形是波浪形的,弯弯曲曲,结合背景,看上去还挺不错的,下面看下一效果图. 我想说可能菜单并不是很实用,但是很有创意,而且也方便我们学习CSS3. 当然,你可以到这里查看DEMO演示. 接下来我们来对这款波浪形菜单的源代码简单分析一下. HTML代码的结构非常简单: <nav class='b-nav'> <ul class='b-menu'> <…

（转）jquery仿天猫商城左侧导航菜单

原文地址:http://www.cnblogs.com/WinKi/p/3398824.html 之前看到有博友写了一个仿天猫商城左侧导航菜单,可惜不提供免费下载,也没有代码.以前自己也写过类似的效果,只是都是一小块一小块的,现在重新拼凑.我将一步一步的实现拼凑过程,希望对你有所帮助. Demo在ie8 . 谷歌. 火狐.遨游.ie6 浏览器下运行,效果良好!但在ie6下有个bug,就是滚动条可以无限滚动,没有找到好的解决方案,哪位朋友知道怎么改告诉我一下,谢谢!如果没有更好的方法我就打算用js…