-
绿色风格、简洁、清爽的一级通栏菜单代码
所属栏目:[政策] 日期:2018-09-08 热度:97
绿色风格、简洁、清爽的一级通栏菜单代码,大家都喜欢的一种CSS菜单,绿色风格!还有新( )的小提示效果,用到了几张背景图片,大家顺着路径把图片下载下来吧。这款菜单整体感觉效果不错,兼容性又好,不管是用在你的网站或是学习研究CSS,都是不错的选择[详细]
-
行为与结构相分离的选项卡,JS特效代码
所属栏目:[政策] 日期:2018-09-02 热度:156
JS行为与结构相分离的选项卡代码,来自经典论坛,包括注释,很不错的网页特效参考实例。有的同学不明白标题中的行为与结构分离是什么意思,小编的理解是:大概就是说事件函数不要写在HTML元素上。 这个裸奔后显示不出内容层来了。裸奔后应该显示的是标题内[详细]
-
JS三级横向菜单,左侧多级简洁导航代码
所属栏目:[政策] 日期:2018-09-02 热度:64
Java Script+CSS实现三级横向菜单,这是一个位于网页左侧的三(多)级简洁英文带箭头的导航代码,使用了一个箭头图片,摘自国外的网站,有需要的朋友自己套用吧,这当然需要您有一定的HTML+CSS知识。 示例: htmlheadmeta http-equiv=Content-Type content[详细]
-
简单几行代码,jQuery实现滑动门切换效果
所属栏目:[政策] 日期:2018-09-02 热度:159
一个基于 jQuery 的滑动门导航代码,有了jQuery的加入,我们只需要几行js代码就可以搞定这一效果了,不知还有没有比此更少的代码了,在滑动门的实现过程中,用背景图片修饰了每个门的背景,更美观漂亮,有着极好的用户操作体验。 为解决一些网页特效运行后[详细]
-
纯Css二级下拉菜单,鼠标滑过“弹”出菜单
所属栏目:[政策] 日期:2018-09-02 热度:75
好久没有提到纯CSS下拉菜单了,经常访问烈火网的朋友一定阅读过许多纯CSS的例子,开始本文之前我们先来回顾一下,先是10年6月底的一款简单灰色的下拉菜单,紧随它第二天就更新了纯CSS下拉菜单,来自老外网站汉化版的菜单,还有去年冬天更新的CSS二、三级下[详细]
-
jQuery+CSS简洁的Tab选项卡,内容渐显效果
所属栏目:[政策] 日期:2018-09-02 热度:193
一款基于 jQuery +CSS实现的简洁、蓝色的Tab选项卡,切换时内容带渐显效果,与之前介绍的选项卡不同的是,本例是可以自动切换的,这正是利用了jQuery的特性,如果您打算学习jQuery,可以参考烈火网提供的jQuery中文手册。 为解决一些网页特效运行后不能显[详细]
-
jQuery动态下滑式图标菜单,Slide Out Navigation
所属栏目:[政策] 日期:2018-09-02 热度:89
jQuery 动态下滑式图标菜单,Slide Out Navigation,一款跟随鼠标滑出的导航效果,鼠标移过后菜单快速从上到下移出,并且出现漂亮的PNG图标,该菜单来自国外网站tympanus,如果您打算用在自己的网站,将菜单修改一下就可以用了,比如修改一下背景色或文字[详细]
-
又一款JS层折叠和展开的纵向导航菜单代码
所属栏目:[政策] 日期:2018-09-02 热度:89
福无双至烈火网,代码成双不单行!打油诗两句半,玩笑过后一起来看今天成双的代码效果,有兴趣的朋友可以先看一下前边的JS动态折叠和展开的菜单层,还有一版jQuery动态折叠和展开的菜单层,下边再给一个折叠和展开时没有动态效果的纵向菜单层。 示例: !do[详细]
-
JS层折叠和展开代码,可扩展纵向导航菜单
所属栏目:[政策] 日期:2018-08-31 热度:184
烈火网刚刚给大家介绍了基于的jQuery层折叠和展开,手风琴式纵向菜单代码,再发一款与之几乎功能一样的菜单,这款菜单不需要引入 jQuery ,并且在功能上有一处不相同,前者只能展开一个层,而本例可以将所有层全部展开。 示例: !doctype htmlhtmlheadmeta[详细]
-
jQuery层折叠和展开,手风琴式纵向菜单代码
所属栏目:[政策] 日期:2018-08-31 热度:69
jQuery 实现层的折叠和展开,类似于手风琴风格,这是一个纵向的左侧菜单,大家可以非常明白的看到,代码比较简单,如果您想增加菜单内容,只要复制已有选项并修改ID就可以了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火[详细]
-
蓝色、简洁的下拉菜单代码,兼容各种浏览器
所属栏目:[政策] 日期:2018-08-31 热度:125
蓝色、简洁的下拉菜单代码,没有用到任何的修改图片!看一下效果吧,怎么样,复制代码即可使用。兼容:IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+等多个浏览器,简单修改一下菜单的内容就可以放在自己的网站或项目中使用了。 示例: !DOCTYPE[详细]
-
简洁的下拉菜单代码 引入jQuery插件
所属栏目:[政策] 日期:2018-08-31 热度:86
简洁的下拉菜单代码,引入 jQuery 插件,来自国外网站,烈火小编没有汉化菜单,觉得也没有必要吧,只要您有HTML基础就可以自己修改了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特[详细]
-
网页TAB选项卡效果,点击切换,jQuery代码
所属栏目:[政策] 日期:2018-08-31 热度:102
一款界面简单的网页TAB选项卡效果,引入了 jQuery 代码,鼠标点击切换,要知道这不是滑动门,也不是自动切换的,但是您可以在这个基础改良,推荐您阅读烈火网提供的jQuery中文手册。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题[详细]
-
JS另类的图文内容切换代码,手风琴效果
所属栏目:[政策] 日期:2018-08-31 热度:86
一款另类的图文内容切换,来自海贼王,代码基于JS和CSS完成,点击图片时,以手风琴效果切换,这种效果不是常见的,因此您有必要学习和研究一下,另外,作者使用了CSS图片的分割技术,不错。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
JS文件树目录、树形菜单、折叠目录树代码
所属栏目:[政策] 日期:2018-08-31 热度:81
一个比较粗糙的树形菜单,又叫目录树,基于javascript+CSS+图片完成,直接点击文字或文字前边的+号都可以展开菜单,再次点击又会收拢菜单,一般用于开发手册之类的左侧目录导航使用。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadtit[详细]
-
jQuery菜单选中代码,响应鼠标背景变色效果
所属栏目:[政策] 日期:2018-08-31 热度:126
基于 jQuery 实现的纵向菜单导航,当我们用鼠标滑过时,菜单的背景会变色,这里是利用了超链接的Hover属性,与普通菜单有所不同的是,当我们用鼠标点击其中一个菜单项,则会被出现类似windows系统当中的选中效果。 为解决一些网页特效运行后不能显示效果([详细]
-
JS简陋的下拉菜单代码,使用DW8制作的效果
所属栏目:[政策] 日期:2018-08-31 热度:94
使用Dreamweaver制作的一款下拉菜单,看上比较丑,只是为了实现这种效果,并没有美化,用DW制作网页的朋友或许这个菜单制作技巧你可以借鉴一下,鼠标放上会显示二级子菜单,不过菜单的结构不是CSS,呵,比较老的表格嵌套,不过花一些时间还是可以改为Div的[详细]
-
JS+CSS简洁的二级下拉菜单代码,兼容性不错
所属栏目:[政策] 日期:2018-08-31 热度:194
JS+CSS简洁的二级下拉菜单代码,经测试,兼容性不错,推荐大家参考学习。如果您想实际运用到自己的网站中,可能要进行一些修改,比如CSS字体大小和颜色等,当然这需要您有一定的HTML知识。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type cont[详细]
-
网页左上角滑出的菜单导航,类似QQ的停靠效果
所属栏目:[政策] 日期:2018-08-27 热度:90
悬浮在网页左上角的一个导航,鼠标经过时动态滑出的菜单,当鼠标离开菜单区域时,菜单自动收缩至顶部,有点类似腾讯QQ的窗口停靠效果,尽管菜单比较久远了,但是兼容性和使用价值都还是不错的,推荐学习和研究。 演示: !DOCTYPE htmlhtmlheadmeta charset[详细]
-
基于JS+Table表格的静态竖直导航菜单代码
所属栏目:[政策] 日期:2018-08-27 热度:73
基于JS+Table表格的静态竖直导航菜单代码,一眼看上去给人的感觉肯定是用了div+css,但是您只要看一下源代码就明白了,里明明使用的是Table表格技术,怎么样,有兴趣的话自己试试去吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
滑动式的选项卡演示代码:Easy Tabs示例
所属栏目:[政策] 日期:2018-08-27 热度:114
一款滑动式的选项卡演示代码,类似于之前我们据说的滑动门,作者给它取名为:Easy Tabs,看上去还是比较最简单的选项卡样式,来自国外网站,没有汉化,界面为英文,稍带点动画的感觉,实际运用的价值不是太大,仅供大家参考和学习。 演示: !DOCTYPE htmlh[详细]
-
一款自适应文字内容宽度的Tab标签导航
所属栏目:[政策] 日期:2018-08-27 热度:123
一款自适应文字内容宽度的Tab标签导航,也就是我们平时所说的选项卡效果,与之前烈火网发布的选项卡代码不同,这款选项卡的选项宽度是可以自适应文字的,并且作者加上了背景,这样就使得UI更加漂亮了。 示例: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01[详细]
-
JavaScript+Css桔红色风格网页选项卡代码
所属栏目:[政策] 日期:2018-08-27 热度:128
一款基于 Java Script+Css实现的网页选项卡代码,设计的样式为桔红色风格,看上去非常整洁,鼠标点击后选项卡切换,并非鼠标滑过即切换(滑动门菜单),兼容性相当不错,分享给大家,希望大家喜欢。 示例代码: htmlheadmeta http-equiv=Content-Type cont[详细]
-
带缓冲下拉式效果的折叠菜单,JS+Css代码
所属栏目:[政策] 日期:2018-08-27 热度:105
一个带缓冲下拉式效果的折叠菜单,没有使用图片,完全由 Java Script+Css代码编写完成,淡绿色的风格,UI还是挺不错的。 使用方法:调用效果: Effect(1,2); 其中1为: 被改变对象的id 其中2为: 控制容器的id 可在使用: this.parentNode.id 取得(父标签的id)[详细]
-
一个JS三级树形菜单,折叠目录树的代码
所属栏目:[政策] 日期:2018-08-27 热度:196
一个JS三级树形菜单,折叠目录树的代码,您一眼看上去的感觉肯定是风格很一般!是的,您的眼光太好了,这是很久以前的一个树形菜单的实例,烈火网编辑费尽周折才找到所有的资源(包括小图片),尽管没有实用价值,但是学习一下还是不错的。 示例: !DOCTYP[详细]