利用CSS制作动感导航栏

利用CSS制作动感导航栏的相关文章

• 
  Photoshop制作金属质感导航栏

  标签：PS PS基础

  [ 查看全文 ]

  黑崎耍携

  01
• 
  CSS+DIV设计实例：超酷的竖排导航栏

  标签：Web开发

  HTML： 以下是引用片段： div id="navcontainer" ul id="navlist" li id="active"a href="#" id="current"Item one/a  ul id="subnavlist" li id="subactive"a href="#" id="subcurrent"Subitem one/a/li lia href="#"Subitem two/a/li lia href="#"Subitem three/a/li lia href="#"Subitem four/a/li /ul /li lia href="#"Item two/a/li lia href="#"Item three/a/li lia href="#"Item fo...[ 查看全文 ]

  柳絮滋润着思绪

  581
• 
  纯CSS制作简洁的垂直导航

  标签：Web开发

  CSS代码 以下是引用片段：/* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif;  width:750px;  margin:0;  margin:50px 0; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menu ul { padding:0;  margin:0; list-style-type: none; } /* 浮动列表，...[ 查看全文 ]

  陶桃子_Home

  161
• 
  怎样用PPT制作网站导航栏

  标签：电脑入门

  有很多朋友问我怎么样做一个仿网站类型的PPT，为了方便大家学习，今天就做一个这样的PPT教程。而对于仿网站类型的PPT所遇到的最大难题就是导航栏的制作，今天我们就从最难的地方来开始吧。(提供PPT源文件下载) PPT教程一、首先画一个矩形框，设置其大小为：高6.2厘米，宽5.2厘米。 PPT教程二、再画一个矩形框，设置其大小为：高6厘米，宽5厘米。 PPT教程三、把它们的顶边、左边重合在一起，再进行组合，这...[ 查看全文 ]

  789vb456vb

  11
• 
  利用置换滤镜制作动感水波字

  标签：PS效果 PS PS基础

  水波文字包含两个部分：水波及文字，制作之前需要先把水波素材进行一些简单的处理，把水纹处理干净后保存，然后输入文字或图形，用置换滤镜置换后简单调色即可。 最终效果 1、创建大小为1880×1800像素的新文件，填充黑色背景。 2、现在我们需要一张漂亮的水纹背景，我选取的是这张，然后调整不透明度为60%。 3、依次点击：图层 ＞ 新建调整图层 ＞ 色相和饱和度，调整色相为0，...[ 查看全文 ]

  九甲盈石材

  331
• 
  Photoshop制作非常简洁的灰色质感导航栏

  标签：PS PS基础 PS效果

  本教程介绍较为简洁的按钮制作方法。制作过程比较简单：先用选区工具做出按钮的形状，然后填充想要的颜色。然后设置图层样式做出按钮的质感。最后加上文字和小装饰即可。 最终效果 1、新建一个500 * 400像素的文档，背景填充颜色：#1b1b1b。 2、新建一个图层，选择矩形选框工具，拉一个288 * 50像素的矩形选区，填充颜色：##5a5a5a，效果如下图。 3、双击图层矩形的缩略图调出图层样...[ 查看全文 ]

  吴庆梁123

  121
• 
  网页导航栏设计模式

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  在网页设计中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式，可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式，我们将讨论它的一般特征，它的缺点，以及什么时候使用它最好。 顶部水平栏导航 顶部水平栏导航是当前两种最流行地网站导航菜单设计模式之一。它最常用于网站的主导航菜单，且最通常地放在网站...[ 查看全文 ]

  kk20120714

  131
• 
  怎样设置百度导航栏

  标签：计算机应用技术

   1.打开百度首页。点击下箭头所示的编辑   2.点击上图红色箭头所示的位置。这是重命导航网页的名称。点击右边的 箭头是删除导航的网页。然后点击边的返回。    3.点击添加。就是在首页添加导航。    4.输入要添加的网址名称。在后面输入网址。点击添加。   ...[ 查看全文 ]

  楚思思

  721
• 
  JQuery 浮动导航栏实现代码

  标签：Web开发

  代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titleJQuery 浮动导航栏/title script type="text/javascript" src=&qu...[ 查看全文 ]

  蒂美曦儿

  261
• 
  网页制作学习：用CSS创建三栏页布局

  标签：Web开发

      三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。     绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”（它可以根据用户浏览器窗口宽度自动伸缩）布局...[ 查看全文 ]

  謎途丘比特

  61
• 
  利用简单的滤镜制作朦胧动感的艺术照片

  标签：PS相片处理 PS基础 PS PS效果

  本教程操作起来比较简单，用到了几个常用的滤镜特效如极坐标，风格化，模糊等。用这些滤镜做出大致的动感效果，然后再适当调整细节和颜色即可。 原图 最终效果 1、打开原图素材，把背景图层复制一层。 2、执行：滤镜 扭曲 极坐标，选择“平面坐标到极坐标”，参数设置如下图。 3、执行：滤镜 风格化 风，参数设置如下图。 4、执行：滤镜 扭曲 极坐标，选择“...[ 查看全文 ]

  是匿名账户

  271
• 
  利用CSS制作3D立方体

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  无需JavaScript, imagery, canvas 或者SVG，就可以利用最新的CSS制作出3D立方体，这的确是一件让人难以想象的事情。 目前制作出来的效果，只有Firefox 3.5，Safari 3.2+，Google Chorme支持。下面来为大家列举出相关演示和代码。   3D CSS 结果演示 单个静态3D立方体 支持浏览器：Safari 3.2+, Google Chrome, Firefox 3.5+ 三个滑动的动态3D立方体 支持浏览器：Safari 4+, Google Chrome ...[ 查看全文 ]

  我是被遗忘者2

  41
• 
  用XSLT轻松实现树形折叠导航栏

  标签：Web开发

  展开和折叠其实就是显示或不显示（display：none or block）它与可见与不可见（visible or invisible）是有区别的， 前者不在页面预留空间。 这个toggle函数完成两个功能， 改变TR原来的Hidden属性， 使原来不显示的显示； 改变IMG的src属性， 更改图片。 toggle.js function toggle(id) { var thisRow = document.all.item(id); if (thisRow) { if (thisRow.getAttribute("Expanded") == 'yes') {...[ 查看全文 ]

  怕黑的小B孩

  361
• 
  LinkedIn新版：简洁的通用导航栏设计

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  导读：社交网站LinkedIn的最新版本中，将导航栏做了最大程度的简化，不仅加强了广告效果同时更好体现了网站本身的功能。 商业社交网站LinkedIn最近对网站的导航栏和用户界面进行了改版，旨在简化网站浏览，提供更加简洁紧凑的页面。但效果如何呢? 更新：导航改进，空白更多 新版LinkedIn的最大特色就是页面顶部的通用导航栏，其中包括了档案、联系人、群组、工作、收件箱、更多等链接。点击任何一个项目都...[ 查看全文 ]

  特来聚聚

  71
• 
  利用CSS控制打印

  标签：Html CSS布局 Div+CSS XHTML

    <style @media print{ INPUT {display:none} } </style <TABLE border="0" style="font-size:9pt;" width="300px" align="center" <THEAD style="display:table-header-group;font-weight:bold" <TR<TD colspan="2" align="center" style="font-weight:bold;border:3px double red"每页都有的表头</TD</TR </THEAD <TBODY style="text-align:center"" <TR<TD表...[ 查看全文 ]

  海训小狼

  21
• 
  DIV CSS列形导航一例

  标签：Web开发

  先看看XHTML代码： div ul lia href="http://www.dw8.cn/"Item one/a  ul lia href="http://www.dw8.cn/"Subitem one/a/li lia href="http://www.dw8.cn/"Subitem two/a/li lia href="http://www.dw8.cn/"Subitem three/a/li lia href="http://www.dw8.cn/"Subitem four/a/li /ul /li lia href="http://www.dw8.cn/"Item two/a/li lia href="http://www.dw8.cn/"Item three/a/li lia href=...[ 查看全文 ]

  ____默然不语丶

  21
• 
  怎样用PHP来给网页做导航栏

  标签：PHP

    怎样用PHP来给网页做导航栏 原作：Brad Bulger   译文：李平 译者注：本文原名《Site Navigation with PHP》，原文详述了如何用PHP编程来做出效果理想的网页导航条，本文只选译了其中的部分文章，所选取的部分是文章精髓之所在，只要大家能弄懂这部分内容就可以用同样的原理、思想做出我们需要的效果来，希望给读者能起到抛砖引玉的作用。本文只需要读者具备PHP、HTML的初步知识就可以基...[ 查看全文 ]

  晨心333

  611
• 
  Photoshop打造非常精致的条纹水晶导航栏

  标签：PS PS基础 PS效果

  本教程介绍非常精致的导航栏的制作方法。大致过程：先用做出自己想要的导航栏形状，然后分别对导航栏的高光及背景部分设置图层样式，做出水晶质感。后期调整细节并加上文字即可。 最终效果 1、打开下图所示的背景素材。 2、选择“圆角矩形工具”，在打开的工具选项栏中选择“形状图层”按钮，创建“形状 1”图层。 3、为“形状 1”图层添加图层样式，单击“投影”项目，...[ 查看全文 ]

  利比亚的王子

  261
• 
  如何制作动感效果

  标签：PS PS教程

  图与效果图： screen.width-500)this.style.width=screen.width-500;"> screen.width-500)this.style.width=screen.width-500;"> 操作过程： 1. 打开如上左图所示的图像，小狗最好有奔跑的动作。 2. 在工具箱中选取磁性套索工具 screen.width-500)this.style.width=screen.width-500;">，然后使用它选取图中的小狗图像。 screen.width-500)this.style.width=screen.width...[ 查看全文 ]

  整斜委员

  51
• 
  使用VB设计具有「动感」的命令图标栏

  标签：编程语言 网络编程

  我们在使用Word、Excel等Windows应用程序时，经常会见到在程序界面顶端有一行“立体式”图标按钮。当用鼠标按下某一个图标按钮时，程序就执行相应的操作。这一行“立体式”图标按钮通常就称作命令图标栏或工具条。命令图标栏一般提供一些最常用的命令，供用户快速地取用，并且它设计时采用了“立体式”按钮，操作时会产生凹下去和凸出来的“动感”，笔者这里就谈谈如何用VB来建立具有“动感”的命令图标栏。 ...[ 查看全文 ]

  PPQ张然

  21