纯html5折叠式导航菜单 |
2015-09-01 06:37:33 |
今天给大家分享一个纯html5折叠式导航菜单特效。效果截图如下
折叠菜单:
展开菜单:
点击这里预览效果
点击这里下载代码
... |
Div+CSS速成第七天:横向导航菜单 |
2015-03-28 08:31:52 |
今天我们开始学习《十天学会web标准(div+css)》的html列表,包含以下内容和知识点:
横向列表菜单
用图片美化的横向导航
cssSprites
一、横向列表菜单
前边学... |
Div+CSS速成第四天:纵向导航菜单及二级弹出菜单 |
2015-03-17 23:19:53 |
今天我们开始学习《十天学会web标准(div+css)》的纵向导航菜单及二级弹出菜单,包含以下内容和知识点:
纵向列表
标签的默认样式
css派生选择器
css选择器的分组
纵向二级... |
网页导航菜单设计实例 |
2015-01-31 21:06:38 |
导航是网页设计中的重要元素。一个良好的网页导航系统能不止是要把它设计的够漂亮,同时更重要的是要能够带领你的用户逗留在你的网站之中,让访客轻松找到他们想要观看的内容。在这里介绍导航菜单在近期的发展趋... |
Fireworks8轻松打造滑动导航菜单 |
2015-01-31 09:46:53 |
用Fireworks8,我们可以轻松打造滑动菜单,为网页增添一点酷酷的特效。
先看一下最后效果:
1、打开FW8.0(我用的是8.0,当然其它版本也是一样的。
2、新建一个文... |
|
导航特效代码:HTML5+CSS3模拟apple官网导航 |
2015-01-25 23:10:18 |
导航特效代码:HTML5+CSS3模拟apple官网导航-远方教程特效演示
body{font-family:Arial;font-size:12px;color:#4b4b4b;text-... |
用CSS制作的文字变化的导航菜单 |
2015-01-25 22:49:21 |
#nav{
FONT-SIZE:12px;LIST-STYLE-TYPE:none
}
#navLI{
FLOAT:left;MARGIN-RIGHT:1px
}
.bi{
POSI... |
纯CSS下拉导航菜单代码 |
2015-01-25 21:07:09 |
#sddm
{margin:0auto;
padding:0;
z-index:30;
background-color:#F4F4F4;
width:480px;
height:23... |
快速制作CSS导航菜单(选项卡效果) |
2015-01-24 21:26:22 |
#demo-container{padding:25px15px015px;background:#67A897;}
ul#simple-menu{list-style-type:none;wi... |
Photoshop设计一个视觉系纵向导航条 |
2015-01-01 11:07:51 |
本教程效果非常明显,易学。最终效果
第1步:新建一个文件,大小如图,背景为黑色。
第2步:选择圆角矩形工具(U)(半径为10px)
[Ok3w_NextPage]
第3步:选择... |
|
PS设计导航:网页导航菜单 |
2014-12-20 18:09:50 |
本例讲解如何制作网页导航菜单。
最终效果
下面是制作一张粗略的背景,为了体现质感,如果你不喜欢可以跳过,或者随你喜欢更换一个!
打开photoshop,新建一个400X400的文... |
淘宝店铺导航栏CSS代码之分步详解 |
2014-12-04 10:36:04 |
/*第一部分、静态背景颜色*/
/*1、首页/店铺动态/其它导航类目的背景色,这里设为红色*/
.skin-box-bd.menu-list.link{background:red;}
/*2、... |
|