随笔分类 - 菜单导航特效代码
各类菜单导航特效代码。
摘要：代码简介：这款形式的菜单对于站长来说再熟悉不过了，说不定我们每天都会见到它，而且也在使用它，我们都知道后台左侧的Js菜单，一般都是可多级展开的，就像这款菜单一样，简洁美观，如果你是一位网站程序开发者的话，完全可以可以用这款菜单作为你的后台管理控制菜单。代码内容：<html><head><titile>Flash效果的网站后台左侧Js多级展开菜单代码_网页代码站(www.webdm.cn)</title><meta http-equiv="Content-Type" content="text/html; cha
阅读全文
摘要：代码简介：效果很不错的导航菜单，可用鼠标拖动位置，支持多级菜单分类，带动画效果的展开与关闭，JS+、CSS、Table三者结合共同打造，对CSS或JS不太懂的朋友也可以很轻易修改菜单，想信很多朋友会喜欢。代码内容：<html><head><title>可拖动带动画的滑出式展开菜单代码(Js+Css实现)_网页代码站(www.webdm.cn)</title></head><style>body,td,a {font-size:9pt;color:black;text-decoration:none}.normal {pad
阅读全文
摘要：代码简介：一款动感十足的仿FLASH菜单，当鼠标滑过菜单某一项的时候，该项会自动变大，其它菜单则减小，如果鼠标滑过的速度很快，那这款菜单就会出现操作感极强的菜单效果，不明白的可运行一下代码便知。代码内容：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>仿FLASH动感十足鼠标滑过放大的菜单代码_网页代码站(www.webdm.cn)<
阅读全文
摘要：代码简介：动画效果慢慢放大的菜单，菜单依次由小变大，像FLASH动画一样，效果很流畅，只不过代码稍嫌多，可以学习一下JS的用法。代码内容：<html><head><title>JS动画效果文字慢慢放大的菜单代码_网页代码站(www.webdm.cn)</title><SCRIPT language=JavaScript FPTYPE="dynamicanimation"><!-- dynamicanimAttr = "dynamicanimation" animateElements =
阅读全文
摘要：代码简介：一款比较简洁的CSS菜单导航，带有注释，若搞不懂这种菜单的话，相信你通过本款代码的一步步分解肯定就会明白了，虽说样式不怎么美观，但实质内容已经有了，美化要看你的色感了。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
阅读全文
摘要：代码简介：在一些企业网站里经常能见到这种横向简洁的CSS菜单，完全基于CSS+DIV技术实现，符合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&
阅读全文
摘要：代码简介：仿163的一款TAB选项卡，有的人也称它为网页标签。本标签用到了三个gif背景图片，运行的时候可以点右键保存；无意发现了一这一个，觉得很不错应该奉献给大家，因为它不但美观，而且兼容性好，标签还可以自适应宽度，非常实用。代码内容：<!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
阅读全文
摘要：代码简介：强烈推荐一款CSS导航菜单，用到政府学校类网站上超级不错，有点类似站长网菜单的味道，只不过颜色不一样而已，这种菜单还不是真正意义上的“下拉”菜单，应该叫滑出菜单吧？反正比较不错，不多说了。代码内容：<!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
阅读全文
摘要：代码简介：一款别致、漂亮、操作形式新颖的下拉菜单，一般的下拉菜单都是在鼠标滑过的时候出现菜单，这一款则是在点击后才激活下拉菜单，个人感觉这种比滑动的更方便于用户，让用户随心所欲的操作，这是最重要的。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:l
阅读全文
摘要：代码简介：一款青灰色导航菜单，很大气，鼠标滑过后更换菜单背景图，本菜单用到四张背景图，请在查看演示的时候点击鼠标右键自行下载图片，这款菜单兼容性比较好，IE6、IE7、IE8、火狐下都表现不错，希望这就是你想要的哦!代码内容：<!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/1
阅读全文
摘要：代码简介：停靠在浏览器左侧的DIV+CSS隐藏菜单，鼠标放上后自动展开，移走鼠标自动隐藏，这也是一个比较常见的CSS特效，完全CSS代码实现，没有的掺杂任何JS代码，可以用到你网站的网站导航方面 ，因此更值得推荐了。代码内容：<!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/1
阅读全文
摘要：代码简介：很漂亮、很常用的后台管理菜单，扩展性很好，可以随意扩充菜单单元，专用于网站后台左侧的管理菜单。代码内容：<!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><title>拿来就能用的JS后台折叠
阅读全文
摘要：代码简介:JS+Css伸缩菜单，红色，很好看。注：IE6下好像有点不正常，用的朋友自己修正下！代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>Js+Css打造的红色经典伸缩菜单代码_网页代码站(www.webdm.cn)</title><style&g
阅读全文
摘要：代码简介：流行鼠标滑动菜单，实际上这是一个大家常说的滑动门特效，鼠标经过后相应版块随之变化。代码内容：<html><head><title>Css实现的鼠标滑动选项卡菜单代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--body {margin: 0px;}#header {background-color: #ffffff;height: 286px;width: 687px;margin: 0px;padding: 0px;border: 1
阅读全文
摘要：代码简介：仿淘宝网站的漂亮导航菜单，暖色调风格，响应鼠标悬停动作，结构清淅，不过用到了一些修饰图片，你可以顺着源代码找到这些图片地址，然后下载下来，这款菜单其实很不错哦。代码内容：<!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"><
阅读全文
摘要：代码简介：灰色大按钮式导航条，纯CSS，鼠标滑过变色，兼容大多数主流浏览器，这种风格的菜单看着非常舒服，很大气，而且带有简短的导航说明，增加用户体验，个人感觉很不错哦。代码内容：<!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"><h
阅读全文
摘要：代码简介：JS仿QQ折叠菜单，JavaScript代码有点多，用时候把它另存为一个新文件好了。可以用到后台管理上很不错。相信你会喜欢的。代码内容：<html><head><title>JavaScript实现仿QQ折叠式菜单代码_网页代码站(www.webdm.cn)</title></head><body><STYLE type="text/css">A:link { FONT-SIZE: 12px; TEXT-DECORATION: none}A:visited { FONT-SIZE:
阅读全文
摘要：代码简介：蓝色理想网站相信大家都知道吧，她是一个注重设计的网站，这款菜单就是模仿蓝色理想网站的，一种奇特的选项卡式的导航条，从功能上来说，类似二级导航菜单，操作体验极舒服。它没有过多使用CSS，因此对CSS不太熟悉的朋友同样适合。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w
阅读全文
摘要：代码简介：仿Windows XP风格的右键菜单，带图标，视觉舒服。和XP系统的菜单很相似。代码内容：<HTML><HEAD><title>仿Windows风格的网页右键菜单代码_网页代码站(www.webdm.cn)</title><script><!--function contextMenu(){this.items = new Array();this.addItem = function (item){this.items[this.items.length] = item;}this.show = function (
阅读全文
摘要：代码简介：JavaScript纯文字折叠菜单，类似淘宝网一样的管理菜单，非常纯净，如果你想为每个菜单加上背景，你可以修改CSS中调用的一个GIF图，改变图片的样式就可以改变背景，实用方便。代码内容：<html><head><title>JavaScript实现的文字折叠菜单代码_网页代码站(www.webdm.cn)</title><script type="text/javascript"> <!-- function getObject(objectId) { if(document.getElement
阅读全文
浙公网安备 33010602011771号