随笔分类 - 菜单导航特效代码
各类菜单导航特效代码。
摘要：代码简介：JS+Table实现可折叠的商品分类导航，很实用的代码，尤其用在电子商务站。代码内容：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>JS+Table实现可折叠的商品分类导航_网页代码站(www.webdm.cn)</title></head><style type="text/css">td {font-size
阅读全文
摘要：代码简介：全国的省市县联动代码，不用多介绍，很实用，用途广。代码内容：<html><head> <title>全国的省市县联动代码_网页代码站(www.webdm.cn)</title> <script type="text/javascript"> function Dsy(){ this.Items = {};}Dsy.prototype.add = function(id,iArray){ this.Items[id] = iArray;}Dsy.prototype.Exists = function(id)
阅读全文
摘要：代码简介：JS+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.w3.org/1999/xhtml" lang="zh-CN"><head><title>J
阅读全文
摘要：代码简介：JS+Div实现的阴影菜单，放出来的让大家学习JS，CSS的朋友参考。代码内容：<title>JS+Div实现的阴影菜单_网页代码站(www.webdm.cn)</title><script>var global = window.documentglobal.fo_shadows = new Arrayfunction makeRectangularDropShadow(el, color, size){ var i; for (i=size; i>0; i--) { var rect = document.createElement(&#
阅读全文
摘要：代码简介：jquery配合css来实现的导航，有助您对jquery的学习，很酷的，运行一下，您就知道。代码内容：<!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="
阅读全文
摘要：代码简介：本例程实现了自动能够隐藏菜单的效果，菜单效果变化的实现方法，对不同浏览器的支持，对鼠标移动的函数响应，统一格式的生成方法。代码内容:<html><head> <title>JS自动隐藏的菜单_网页代码站(www.webdm.cn)</title><SCRIPT language=JavaScript>function move(x, y) {<!--对象移动x，y-->if (document.all) {<!--对于ie浏览器-->object1.style.pixelLeft += x;<!
阅读全文
摘要：代码简介：JS超级酷的导航菜单代码，类似WINDOWS风格的导航，又又立体效果，很不错的，赶快运行一下，一睹为快吧。代码内容：<HTML><HEAD><TITLE>JS超级酷的导航菜单代码_网页代码站(www.webdm.cn)</TITLE><META content="text/html; charset=gb2312" http-equiv=Content-Type><SCRIPT type=text/javascript>var dragobject = null;var tx;var ty;f
阅读全文
摘要：代码简介：鼠标悬停时动态翻滚的导航条，这个是使用JavaScript实现的，不过代码好像是从jQuery里摘出来的，有点像。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="tex
阅读全文
摘要：代码简介：JavaScript配合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" ><head runat="server&
阅读全文
摘要：代码简介：苹果官方网站的菜单,实际上是看着好看,但看了代码感觉不太实用,因为为了实现这么一个效果代码太繁琐,而且菜单修改起来也极不方便,建议大家以学习的态度阅读源码。代码内容：<!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" lang="zh-CN"
阅读全文
摘要：代码简介：JavaScript防FLASH效果的下拉菜单导航，单击文本链接，在下方出现相应的导航内容，很不错的。代码内容：<html><head><title>JavaScript防FLASH效果的下拉菜单导航代码_网页代码站(www.webdm.cn)</title><style><!--#iewrap{position:relative;height:30px}#iewrap2{position:absolute}#dropmenu03{filter:revealTrans(Duration=1.5,Transition=1
阅读全文
摘要：代码简介：纯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><meta name="robots" co
阅读全文
摘要：代码简介：老外做的，代码简洁，兼容性好，大气十足，也许您正需要。代码内容：<!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" xml:lang="en" lang="en"><head><meta http
阅读全文
摘要：代码简介：老外弄的，并且还带了圆角，很流畅，当鼠标经过触发内容切换，很不错的，您试试。代码内容：<!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-
阅读全文
摘要：代码简介：jquery实现的，代码简介，很实用，单击箭头可隐藏其他，显示其单击的内容，很不错的，您运行一下就知道了。代码内容：<!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
阅读全文
摘要：代码简介：一款jquery制作的下拉风格导航，用在网页的顶部，大气又不占地方，值得推荐给您，单击运行，您就能看见效果。代码内容：<!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-equi
阅读全文
摘要：代码简介：【棒】很全的各种web2.0的滑动菜单-Tab-选项卡-横向-竖向，有些同志曾经为同一个页面布置两个滑动门而烦恼，参考一下本例子，相信你会找到答案，而且有各种排列方式的选项卡，总有一款会满足你。代码内容：<!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" la
阅读全文
摘要：代码简介：简约的纤细线条型CSS滑动门，很简单，但是很实用！代码内容：<html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><title>很简单的CSS黑色线条滑动门代码_网页代码站(www.webdm.cn)</title><style type="text/css"><!--body,div,ul,li{ margin:0 auto; paddin
阅读全文
摘要：代码简介：AJAX实现页面选项卡、隔行换色、弹出层功能代码代码内容：<!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" con
阅读全文
摘要：代码简介：滑动门和选项卡在布局和结构方面几乎是一样的，唯一不同的是触发方式，这个是由JavaScript决定的，大致来讲就是将onmouseover改为onclick就行了，本款选项卡以前是款比较流行的滑动门，现在改成了选项卡，大家看看有什么区别。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt
阅读全文
浙公网安备 33010602011771号