-
非常好看的下拉菜单 纯CSS未使用JS[2]
所属栏目:[政策] 日期:2018-08-21 热度:85
昨天刚刚给大家介绍了一款纯Css实现的下拉菜单,今天烈火在国外的网站看到一款挺漂亮的下拉菜单效果,查看源代码时发现,也是没有使用JS的,好了。不说费话,还是自己看效果吧。 多说一句,老外的设计,估计兄弟们不习惯,不过还是可以学习的。 CSS中的宽[详细]
-
jQuery 动画背景响应的菜单,两款漂亮的代码
所属栏目:[政策] 日期:2018-08-18 热度:76
jQuery 动画背景响应的菜单,两款漂亮的代码,共两款代码。通过标题我们就可以看出来,这是两个漂亮的菜单,文字的形容使得效果失去了色彩,大家自己看演示吧。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版[详细]
-
纵向折叠菜单代码,带有平滑的展开、收缩效果
所属栏目:[政策] 日期:2018-08-18 热度:86
一款纵向(竖直)的折叠菜单代码,带有平滑的展开、收缩效果。无 jQuery 插件,完全 Java Script代码实现,没有过多修饰,有兴趣的美化一下,肯定是款不错的折叠菜单。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://ww[详细]
-
网页顶部悬浮的菜单导航条,始终保持在顶部
所属栏目:[政策] 日期:2018-08-18 热度:183
一款网页顶部悬浮的菜单导航条,始终保持在顶部,自动固定顶部的悬浮菜单栏代码,不管你如何拉动滚动条,它会始终显示在网页的最顶部,用作网站的顶级导航或公告之类的比较合适吧。 本特效中使用了JS脚本,请注意修改菜单中的文字。 !DOCTYPE html PUBLIC[详细]
-
jQuery 纵向折叠菜单组代码,展开/收缩效果
所属栏目:[政策] 日期:2018-08-18 热度:128
jQuery 纵向折叠菜单组代码,展开/收缩效果,此类菜单应用广泛,可用到后台左侧,网站前台也可以用!来自 腾讯微博 开放平台,分享给大家一起研究吧。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示 网页[详细]
-
js+css 完成一个漂亮的、富有弹性的导航菜单
所属栏目:[政策] 日期:2018-08-18 热度:127
某位前端牛人使用 Java script结合CSS 完成的一个漂亮、富有弹性的导航菜单,小编刚刚看到的时候还以为是 jQuery 实现的,作者只是完成了一个雏形,也可以说是一个模板,大家具体使用时,还需要修改一些文字和颜色等,非常不错。推荐使用。 代码演示: !DO[详细]
-
jQuery 纵向二级伸缩树形菜单、黑色风格
所属栏目:[政策] 日期:2018-08-18 热度:176
jQuery 实用简洁的黑色竖向二级下拉导航菜单,点击任何一级菜单则展开二级菜单,代码控制菜单不能同时展开所有子级。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处 运行演示: !DOCTY[详细]
-
JS 多级树形菜单代码,理论上可以无限级
所属栏目:[政策] 日期:2018-08-18 热度:91
JS 多级树形菜单代码,理论上可以无限级,这是一款非常不错的网页折叠菜单,主要使用了 Java Script脚本实现,另有 jQuery 版,请关注烈火学院的网页特效文章,稍后放出。折叠菜单是大家比较常见到的一种菜单形式,可广泛应用于管理系统、后台左侧、产品列[详细]
-
Css 下拉菜单代码,绿色风格的四级下拉菜单
所属栏目:[政策] 日期:2018-08-18 热度:143
Css 下拉菜单代码,绿色风格的四级下拉菜单,这是使用纯CSS实现的多级菜单哦!一共可下拉出4级,在编写此类的CSS菜单时要注意,一级的li,a的hover时,设置二级菜单可见,一级的li,a的hover时,设置二级,三级菜单隐藏,一级和二级的li,a的hover时,设置三[详细]
-
Js+Css 纵向折叠菜单,有动画效果,强烈推荐
所属栏目:[政策] 日期:2018-08-18 热度:176
Java script结合Css 实现的纵向折叠菜单,当我们点击和滑过的时候有动画效果,烈火学院强烈推荐! 一般用于后台管理中。当然你也可以用于前台网页的左右两侧,通用加载函数,页面中如果要用到onload函数在窗体一加载时就执行的代码,可以直接添加到这个函[详细]
-
同一页面内实现Tab选项卡和滑动门的代码
所属栏目:[政策] 日期:2018-08-18 热度:187
烈04火14网(LieHuo55.Net)教77程 两个简洁的TAB效果,一个是滑动门,另一个是TAB标签,制作精良,功能实用,网页上布局选项卡,可节省布局空间,提升用户体验,同时也为一些朋友们提供一份样例,因为这前有些朋友在询问如何在一个网页上布局选项卡,又布局[详细]
-
CSS英文提示的中文菜单,中英文双语菜单代码
所属栏目:[政策] 日期:2018-08-16 热度:120
一款你一定喜欢的CSS中英文双语菜单,支持鼠标 Tips特效,当我们把鼠标放到中文菜单上,会弹出Title的提示,先运行一下看效果,绝对会另你满意。用到了一个背景图片,请自行下载。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ht[详细]
-
实用的下拉导航,可方便的自定义二级菜单
所属栏目:[政策] 日期:2018-08-16 热度:169
一个非常简洁的二级导航菜单,代码中没有使用图片,因此看上去不太美观,不过非常方便,有二级菜单的,给li加class=menu就行了,没有的不用加,先美化成这样,不满意的自己动手美化,没什么好难的,就当练习CSS水平了。 演示: !DOCTYPE html PUBLIC -//W3[详细]
-
jQuery简约的二级下拉菜单,有淡入淡出效果
所属栏目:[政策] 日期:2018-08-16 热度:198
jQuery 简约的二级下拉菜单,有淡入淡出效果。加入了jQuery,看似平凡的一个菜单突然有味道、有生机起来,这里将jQuery1.3.2引用进来,让弹出的二级菜单具备淡入淡出的效果,虽然就效果本身来说并不起眼,但比起无任何效果的菜单,从体验上来说,已经强了[详细]
-
代码简洁的纯CSS导航,二级下拉菜单效果
所属栏目:[政策] 日期:2018-08-16 热度:176
纯CSS菜单,代码简洁的纯CSS导航,二级下拉菜单效果,代码中使用了if语句来判断IE版本,兼容性很不错的,IE7/8、火狐等都支持,而且它还是学习CSS菜单编写的典型教程,让你学会很多CSS技巧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitio[详细]
-
基于jQuery框架、黑色风格的折叠菜单代码
所属栏目:[政策] 日期:2018-08-16 热度:198
基于 jQuery 框架的黑色风格菜单导航,slideDown和slideUp做手风琴菜单面板的代码,也就是大家常说的折叠/展开菜单,不少朋友都喜欢的风格,本代码兼容性好,简单易懂,便于修改,希望大家喜欢。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
展开收缩的jQuery折叠菜单代码,手风琴面板
所属栏目:[政策] 日期:2018-08-14 热度:72
一款大家都常见的折叠菜单,手风琴折叠面板,会展开和合拢,带点Flash动画效果,修改时请注意: slideUp : 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以滑[详细]
-
纯CSS制作菜单实例:一个红色黑边的纵向菜单
所属栏目:[政策] 日期:2018-08-14 热度:117
从一本书籍的实例中剥出来的CSS菜单制作教程,经过了改动,删除了过多冗余代码,更简洁干净了。这款菜单实际上是半CSS结构,因为使用了传统的表格标签,用表格固定了菜单元素,呵呵,有些落后,不过菜单看上去挺美。 演示: !DOCTYPE html PUBLIC -//W3C//[详细]
-
简洁标准的CSS导航菜单代码,红色高亮风格
所属栏目:[政策] 日期:2018-08-14 热度:141
简洁标准的CSS导航菜单代码,红色高亮风格。极简洁的标准型CSS菜单,代码少,采用常见的DIV/UL/LI列表的形式,修改二次开发都方便,个人感觉网站还是不要弄的太复杂,毕竟我们都不是太专业,代码复杂化容易给蜘蛛抓取带来麻烦,速度和流量是成正比的哦。[详细]
-
ul,li结构的横向CSS菜单,有立体感的按钮菜单
所属栏目:[政策] 日期:2018-08-14 热度:167
横向有立体感的CSS按钮式菜单,采用了CSS常用的UL/LI结构,布局方便,将LI定义为按钮样式,鼠标放上后显示出立体效果,整体视觉体验舒服,代码兼容性好,简洁高效。 代码演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w[详细]
-
CSS图标菜单,带有小图片的LI列表菜单
所属栏目:[政策] 日期:2018-08-14 热度:129
带有小图片的Li列表菜单,竖向的图标菜单,鼠标放上会变色,对鼠标的响应很符合用户体验,且兼容性好,代码简洁,适宜学习和使用,CSS初学者的一个好范例。 代码演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR[详细]
