简单的纯css菜单
<style> ul { margin: 0px; padding: 0px; } ul li { float: left; display: inline; font: 0.9em Arial, Helvetica, sans-serif; height: 30px; width: 100px; list-style:...
Html5,css3菜单
实现的难点在于：first-child,last-child 两个选择器，以后margin-left:-1px;的应用，33%,34%宽度的技巧处理。 另外一个难点是：box-shadow:1px 0 0 #F1F1F1 inset; 的实现。 最后是：background:-webkit-gradient(linear, left top, left bottom, from(#f9f...
jquery+css实现菜单收缩效果并适应多种浏览器与移动平台
效果 出现 css部分 .content-wrapper{ -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out; ...
[JavaScript&CSS]Javascript和CSS的菜单
【译文地址】：http://coolshell.cn/?p=1660 【原始地址】：13 Awesome Javascript CSS Menus 1) 性感的滑动型菜单 演示： Mootols Version 演示：Script.aculo.usVersion 2) FastFind 菜单 右键菜单，还可以被拖来拖去...
精通CSS+DIV网页样式与布局--制作实用菜单
在上篇博文中，小编中主要的简单总结了一下CSS中关于如何设置页面和浏览器元素，今天小编继续将来介绍CSS的相关基础知识，这篇博文，小编主要简单的总结一下在CSS中如何制作网页中的菜单，这部分的内容包括：项目列表、无需表格的菜单、菜单的横竖装换，看下面一张思维导图： &nbs...
一款非常棒的纯CSS3 3D菜单演示及制作教程
原文:一款非常棒的纯CSS3 3D菜单演示及制作教程 这段时间比较忙，很久没在这里分享一些漂亮的HTML5和CSS3资源了，今天起的早，看到一款很不错的CSS3 3D菜单，觉得非常上眼，就将它分享给大家，顺便来分析一下实现的源码。下面是效果图： 看了效果图是不是觉得它是一副麻将，对，第一眼我也认为是用CSS3写的麻将特效，结果我错了，它只是长得比较像而已。 另外，你也可以在这里直接查看菜单的D.....
打造简易可扩展的jQuery/CSS3 Tab菜单
原文:打造简易可扩展的jQuery/CSS3 Tab菜单 今天我们利用jQuery和CSS3来打造一款简易而且扩展性强的Tab菜单，这款Tab菜单在切换时也有滑块的效果，先来看看效果图： 由与Tab菜单比较假单，你也可以用CSS代码定制你自己需要的外观。 我们可以在这里看到这款Tab菜单的DEMO演示。 看完演示，再来解读一下这款Tab菜单的源代码，主要由CSS代码和jQuery代码两块。 先.....
用CSS3制作很特别的波浪形菜单
原文:用CSS3制作很特别的波浪形菜单 网页菜单我们见过很多，各种炫酷的、实用的菜单比比皆是。昨天我看到一款很特别的CSS3菜单，它的外形是波浪形的，弯弯曲曲，结合背景，看上去还挺不错的，下面看下一效果图。 我想说可能菜单并不是很实用，但是很有创意，而且也方便我们学习CSS3。 当然，你可以到这里查看DEMO演示。 接下来我们来对这款波浪形菜单的源代码简单分析一下。 HTML代码的结构非常简单.....
10 个顶级的 CSS3 + HTML5 的菜单实现
CSS3 Clean Mega Menu Menu with CSS3 Effects and Notification Bubbles Sherpa | Complete Navigation System (CSS Edition) CSS3 Animated Mega Nav CSS3 Mega Drop Down Menu Mega Dropdown Enhanced Web...
无需表格制作CSS菜单
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/.....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注