-
自适应选项卡宽度的圆角滑动门菜单
所属栏目:[政策] 日期:2018-08-25 热度:61
CSS+Js打造一款自适应宽度的圆角滑动门,这里的圆角主要是靠一张背景图片去实现,所指的宽度是滑动门上的导航的宽度,不管文字有多少,它都会一直顺着下去,不会被内容所撑破,兼容性方面,兼容IE6/7/8,火狐未试,应该也兼容。 演示: !DOCTYPE html PUBLI[详细]
-
简洁的、蓝色风格菜单代码,CSS实现鼠标响应变色
所属栏目:[政策] 日期:2018-08-22 热度:131
简洁的、蓝色风格菜单代码,CSS实现鼠标响应变色,主要是利用对Padding和margin-top值的定义,产生错位的菜单,简洁明了,结构明淅,同时也是学习的好范例。 示例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
jQuery展开、收缩的树状目录菜单或导航代码
所属栏目:[政策] 日期:2018-08-22 热度:129
jQuery 展开,合拢的Js树状目录菜单或导航,从一个购物网发现的菜单,觉得挺不错的形式,当然在仿写后,与原菜单有些出入,原菜单中是地市导航,要能更适合这种形式,而本菜单是一个网站的栏目导航,从外观上来说,有些差异,不过代码是一样的,只是换换内[详细]
-
jQuery黑色背景会翻滚的红色菜单导航条代码
所属栏目:[政策] 日期:2018-08-22 热度:128
jQuery 黑色背景会翻滚的红色菜单导航条代码,鼠标放到某个菜单项上后,菜单会翻滚一下,增加一些动感的效果,看上去更可爱了,而且颜色搭配也挺不错的jQuery导航菜单。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新[详细]
-
JS无限级下拉横向菜单代码,与CSS结合实现
所属栏目:[政策] 日期:2018-08-22 热度:105
css+ Java Script无限级菜单代码,作者对兼容性的考虑也是正确的,因此菜单在兼容性该页也表现不错,在IE、火狐、 傲游 等众多浏览器上都表现不错。多级菜单也是朋友们能用得上的,希望大家喜欢。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN[详细]
-
DIV+CSS布局实例:CSS标签切换、滑动门代码
所属栏目:[政策] 日期:2018-08-22 热度:144
DIV+CSS布局实例:CSS标签切换、滑动门代码,通俗说就是滑动门的制作教程,很不错的实例,希望对你学习CSS布局有帮助。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt[详细]
-
DIV+CSS仿DreamWeaver的工具条小图标菜单导航
所属栏目:[政策] 日期:2018-08-22 热度:185
一款类似DreamWeaver软件界面上的工具条小图标菜单导航,这个效果让作者花了一些时间,基于DIV+CSS,尤其对于新手来说,这个例子一定要学习哦。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD[详细]
-
jQuery实现Tab,滑动门,选项卡,图片切换
所属栏目:[政策] 日期:2018-08-22 热度:110
几个Tab,滑动门,选项卡,图片切换,在一个网页中实现了超多的常用效果,大家喜欢的滑动门,焦点图切换,标签选项卡以及文字轮番等都集中在了一起,无聊的功劳,忙的时候还顾不上写埃另外还加入了圆角,都是参考以前学习的知识写的。期间使用了jquery-1.4[详细]
-
鼠标滑过更换文字内容,中英文切换的菜单代码
所属栏目:[政策] 日期:2018-08-22 热度:149
鼠标滑过更换文字内容,中英文切换的菜单代码。一个会切换菜单文字的 Java Script特效,当鼠标移到菜单上时,菜单的文字会变化,由中文变成了英文,还记得那些中英文菜单是怎么做的吗?或许你找到灵感了。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XH[详细]
-
仿QQ多级折叠、展开菜单,三级下拉导航代码
所属栏目:[政策] 日期:2018-08-22 热度:68
仿QQ面板风格的多级折叠、展开菜单,三级下拉导航代码, Java Script+CSS共同结晶的结果,推荐给大家,点击运行可查看效果。 推荐大家学习一下,其实使用面不是特别广泛,我们可以用在后台菜单导航。 演示代码: htmlheadmeta http-equiv=Content-Type con[详细]
-
二级的CSS下拉菜单代码,鼠标移过显示子菜单
所属栏目:[政策] 日期:2018-08-22 热度:109
基于CSS的二级下拉菜单代码,当鼠标划过的时候,子菜单会出现,没有过多修饰,简约不失美观,稍加修善就是一款好菜单。在兼容性方面,本菜单也做的不错。 在线演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
类似QQ面板分组的三级展开/收缩树形菜单
所属栏目:[政策] 日期:2018-08-19 热度:107
这是一款类似QQ面板分组的三级展开/收缩树形菜单,这个菜单堪称极品啊,不过里面的有些图标丢失了,路径还留在那,真想使用的朋友自己制作两个折叠菜单的图标按路径传上去就行了,这个菜单是模仿QQ面板的菜单功能,很多朋友还是很喜欢这种功能的,没想到用[详细]
-
纯CSS下拉菜单代码,IE浏览器测试通过
所属栏目:[政策] 日期:2018-08-19 热度:64
关于二级下拉菜单,也许您见过许多,不过可能都是javascript的吧,今天让我们一起来看一款使用纯CSS实现下拉菜单,这在烈火网旧版风格中就有,请看这里。看完了吧,下面再看看本文中我们说的一个特效菜单吧。 本款完全是用CSS实现,没有任何的 Java Script[详细]
-
jQuery三级折叠菜单,带动画缓冲效果
所属栏目:[政策] 日期:2018-08-19 热度:140
本文介绍的是一个未经美化的简洁的三级菜单,基于 jQuery 实现,有动画淡出、缓冲效果,相当不错,因考虑功能的实现,所以没有怎么美化,不过这样也好,可以给大家更多的空间来修饰美化,想怎么弄就怎么弄了。 特效如下: 网页版:点击查看 运行版: !DOCT[详细]
-
jQuery选项卡,未美化,带淡入淡出效果
所属栏目:[政策] 日期:2018-08-19 热度:87
以前烈火给介绍过很多选项卡,不过大部分都是js的,今天这一款是基于 jQuery 编写的选项卡,由于时间关系,没有经过美化,如果你熟悉CSS的话,那就是小KISS了,不过也没关系。可以参照烈火的CSS中文手册学习一下。 好了,不多说。一起来看效果。 网页版:[详细]
-
仿多玩游戏顶部固定层的菜单导航效果
所属栏目:[政策] 日期:2018-08-19 热度:180
烈火网(LieHuo.Net)网页特效教程:最近烈火上线了游戏攻略栏目,因为编辑需要,经常到一些游戏网站收集攻略教程,最近看到多玩游戏的菜单不错,于是仿下来给大家学习,这是一个固定的层,无论你如何下拉滚动条,这个层是固定不动的,还记得吗?烈火以前提[详细]
-
Tab标签式的菜单,点击切换,基于jQuery
所属栏目:[政策] 日期:2018-08-19 热度:177
这是基于 jQuery 写的菜单,由于作者审美观不太好,所以菜单很丑,大家不要介意,但是我们向他的作品表示感谢,尤其新手一定要好好学习一下哦。 TAB标签,类似IE7以上版本的标签效果,当鼠标点击后才会切换到该菜单,而不是滑动门。 演示效果: 网页版:点[详细]
-
jQuery 编写的滑动门效果,样式不太美观
所属栏目:[政策] 日期:2018-08-19 热度:120
烈火网(LieHuo.Net)网页特效教程:一款使用 jQuery 实现的滑动门,新手学写的,从样式上来说,有些古板,本人审美不好,已经很尽力了,主要是想表现jQuery功能方面,因此也就做成这样吧。 实现效果如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
淡出淡入的下拉菜单效果,使用jQuery+CSS实现
所属栏目:[政策] 日期:2018-08-19 热度:120
烈火网(LieHuo.Net)网页特效教程: jQuery +CSS编写的下拉菜单,有简单带淡出动画效果,这个实例没有编写太复杂的CSS样式,比较简单,喜欢大家喜欢哦。 如果你喜欢这款效果,可以把段代码加以二次开发。 推荐阅读:CSS中文手册 jQuery中文手册 以下是实例[详细]
-
带缓冲效果的导航菜单栏,鼠标指向放大显示
所属栏目:[政策] 日期:2018-08-19 热度:56
本文介绍给大家是带缓冲效果的导航菜单栏,这是一个样式很普通的纵向导航栏,懂得css的朋友可以自己修改显示的效果(不懂css的朋友可以到烈火提供的css中文手册学习一下),本教程中的特效是基于 jQuery 1.4.2编写的,主要特效是:当鼠标经过菜单栏时,相[详细]
-
判断当前导航并标记的导航菜单,基于jQuery设计
所属栏目:[政策] 日期:2018-08-19 热度:109
判断当前导航并标记的导航菜单,基于 jQuery 设计的菜单,可以智能判断是否是当前导航,如果是,则给当前的菜单项添加一个标记,而你的CSS文件并不需要重新定义,完全交给jQuery 来处理,现在有些朋友或许已经明白了,是jQuery让这种智能菜单变得更加有创意[详细]
-
展开收缩的jQuery折叠菜单代码,手风琴面板
所属栏目:[政策] 日期:2018-08-17 热度:144
一款大家都常见的折叠菜单,手风琴折叠面板,会展开和合拢,带点Flash动画效果,修改时请注意: slideUp : 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以滑[详细]
-
纯CSS制作菜单实例:一个红色黑边的纵向菜单
所属栏目:[政策] 日期:2018-08-17 热度:177
从一本书籍的实例中剥出来的CSS菜单制作教程,经过了改动,删除了过多冗余代码,更简洁干净了。这款菜单实际上是半CSS结构,因为使用了传统的表格标签,用表格固定了菜单元素,呵呵,有些落后,不过菜单看上去挺美。 演示: !DOCTYPE html PUBLIC -//W3C//[详细]
-
简洁标准的CSS导航菜单代码,红色高亮风格
所属栏目:[政策] 日期:2018-08-17 热度:59
简洁标准的CSS导航菜单代码,红色高亮风格。极简洁的标准型CSS菜单,代码少,采用常见的DIV/UL/LI列表的形式,修改二次开发都方便,个人感觉网站还是不要弄的太复杂,毕竟我们都不是太专业,代码复杂化容易给蜘蛛抓取带来麻烦,速度和流量是成正比的哦。[详细]
-
ul,li结构的横向CSS菜单,有立体感的按钮菜单
所属栏目:[政策] 日期:2018-08-17 热度:82
横向有立体感的CSS按钮式菜单,采用了CSS常用的UL/LI结构,布局方便,将LI定义为按钮样式,鼠标放上后显示出立体效果,整体视觉体验舒服,代码兼容性好,简洁高效。 代码演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w[详细]
