-
Tab滑动门效果,简洁灰色风格的代码
所属栏目:[政策] 日期:2018-09-02 热度:109
Tab滑动门效果,简洁灰色风格的代码,和选项卡基本是一样的原理,只不过改变了一下JS的函数,在鼠标滑动TAB时更换内容,这就是滑动门的原理,onmouseClick改变为onmouseover,其实也就是将选项卡变为了滑动门。 示例: htmlheadmeta http-equiv=Content-Ty[详细]
-
CSS3多功能图文混排下拉菜单,有缓冲效果
所属栏目:[政策] 日期:2018-09-02 热度:167
CSS3多功能图文混排下拉菜单,有缓冲效果,一款比较灵活的国外菜单导航代码,菜单内可设计更复杂的文字和图片,图文结合,一些大网站,特别是国外的网站常见到这种风格的CSS菜单。里面有一些预留的图片修饰代码,若有需要,自己加吧。 示例: !DOCTYPE html[详细]
-
蓝色风格立体感的导航菜单,响应鼠标,带new功能
所属栏目:[政策] 日期:2018-09-02 热度:75
一款CSS结合图片完成的蓝色风格立体感的导航菜单,响应鼠标显示hover效果,还带有最近比较流行的new小图标功能,该菜单仿自威客中国的导航菜单,大家可以看看下边的演示效果。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/[详细]
-
橙色个性的导航菜单代码,适合团购网站使用
所属栏目:[政策] 日期:2018-09-02 热度:83
橙色个性的导航菜单代码,适合 团购 网站使用,没有使用 Java script技术,完全CSS代码实现,当初主要是想用在团购网站上,大家修改一下,可以用在各种各样的网站上。菜单两头的那个布局或许是你要研究的重要吧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
动态的网页Tab选项卡,点击链接弹出层效果
所属栏目:[政策] 日期:2018-09-02 热度:93
一个动态效果的网页选项卡,基于 jQuery 框架,点击链接旁边弹出层,在最开始的弹出瞬间,选项卡的卡片是动画展开的,依次点击其它的会随时显示对应内容。扩展性较强,灵活运用,会改造成其它的实用效果来。 为解决一些网页特效运行后不能显示效果(例如:[详细]
-
纯DIV+CSS实现的下拉导航菜单代码
所属栏目:[政策] 日期:2018-09-02 热度:87
又一款纯CSS+Div实现的下拉导航菜单,兼容性未测试完,在 IE8 下貌似完全正常,其它浏览器下不知道情况,想用的朋友自己测试下。本款CSS菜单没有用到修饰图片,纯CSS代码实现,便于修改风格。兼容性方面可以使用CSS Hack来实现兼容性修复。 示例: !DOCTYP[详细]
-
简单几行代码,jQuery实现滑动门切换效果
所属栏目:[政策] 日期:2018-08-31 热度:168
一个基于 jQuery 的滑动门导航代码,有了jQuery的加入,我们只需要几行js代码就可以搞定这一效果了,不知还有没有比此更少的代码了,在滑动门的实现过程中,用背景图片修饰了每个门的背景,更美观漂亮,有着极好的用户操作体验。 为解决一些网页特效运行后[详细]
-
纯Css二级下拉菜单,鼠标滑过“弹”出菜单
所属栏目:[政策] 日期:2018-08-31 热度:138
好久没有提到纯CSS下拉菜单了,经常访问烈火网的朋友一定阅读过许多纯CSS的例子,开始本文之前我们先来回顾一下,先是10年6月底的一款简单灰色的下拉菜单,紧随它第二天就更新了纯CSS下拉菜单,来自老外网站汉化版的菜单,还有去年冬天更新的CSS二、三级下[详细]
-
jQuery+CSS简洁的Tab选项卡,内容渐显效果
所属栏目:[政策] 日期:2018-08-31 热度:166
一款基于 jQuery +CSS实现的简洁、蓝色的Tab选项卡,切换时内容带渐显效果,与之前介绍的选项卡不同的是,本例是可以自动切换的,这正是利用了jQuery的特性,如果您打算学习jQuery,可以参考烈火网提供的jQuery中文手册。 为解决一些网页特效运行后不能显[详细]
-
jQuery动态下滑式图标菜单,Slide Out Navigation
所属栏目:[政策] 日期:2018-08-31 热度:102
jQuery 动态下滑式图标菜单,Slide Out Navigation,一款跟随鼠标滑出的导航效果,鼠标移过后菜单快速从上到下移出,并且出现漂亮的PNG图标,该菜单来自国外网站tympanus,如果您打算用在自己的网站,将菜单修改一下就可以用了,比如修改一下背景色或文字[详细]
-
又一款JS层折叠和展开的纵向导航菜单代码
所属栏目:[政策] 日期:2018-08-31 热度:141
福无双至烈火网,代码成双不单行!打油诗两句半,玩笑过后一起来看今天成双的代码效果,有兴趣的朋友可以先看一下前边的JS动态折叠和展开的菜单层,还有一版jQuery动态折叠和展开的菜单层,下边再给一个折叠和展开时没有动态效果的纵向菜单层。 示例: !do[详细]
-
Css结合图片实现的菱形菜单代码,鼠标滑过变换颜色
所属栏目:[政策] 日期:2018-08-29 热度:197
兼容各种浏览器的Css结合图片实现的菱形菜单代码,鼠标滑过变换颜色,一改平时矩形风格的菜单,让人眼前一亮,形式新颖,鼠标滑过时变色,而且在各大浏览器下表现不俗。 示例: !DOCTYPE htmlhtmlheadtitleCss结合图片实现的菱形导航菜单代码/titlemeta ht[详细]
-
精美带箭头的扩展式网页Tab选项卡,来自百度风云榜
所属栏目:[政策] 日期:2018-08-29 热度:114
百度风云榜,对于各位站长来说并不陌生吧?今天我们看一款来自百度的设计作品,把风云榜上的网页选项卡代码扣下来了,非常精美、带箭头的扩展式网页Tab选项卡,希望对大家学习有所帮助,当然您也可以将这个代码放在自己的网站上。 示例: !DOCTYPE htmlhtm[详细]
-
动态翻转的jQuery炫酷菜单,上下左右四款样式
所属栏目:[政策] 日期:2018-08-29 热度:51
在网上收集了一款动态翻转的 jQuery 炫酷菜单,共有上、下、左、右四款样式。如果您想调用这个菜单非常简单,首先,代码中有丰富的释义,另外,菜单的翻转速度、菜单文字的颜色和翻转的方向都可以在代码中方便的设置。 为解决一些网页特效运行后不能显示效[详细]
-
鼠标滑过菜单文字背景弹性移动,JS+CSS实现
所属栏目:[政策] 日期:2018-08-29 热度:111
当鼠标滑过菜单时,导航中文字的背景弹性移动变化,这是基于 Java Script+CSS实现的,大家不要以为用了 jQuery 哦,类似这样的例子,大家可以回顾一下烈火网以前的文章,例如:JavaScript 妙味课堂仿Flash滑动导航菜单。 本文示例: !DOCTYPE htmlhtmlhead[详细]
-
jQuery简单的下拉菜单,文字导航效果
所属栏目:[政策] 日期:2018-08-29 热度:72
一个非常简单的 jQuery 下拉菜单雏形代码,完全没有美化的,仅仅是实现了下拉菜单,这款文字下拉导航可以让您学习到如何使用jquery完成下拉菜果,并且您还可以自己进行美化,比如增加背景、颜色和边框,更高级一些的比如背景图片等。 为解决一些网页特效运[详细]
-
一个黑色个性的jquery滑动门,两个层互相切换
所属栏目:[政策] 日期:2018-08-29 热度:154
一个黑色个性的jquery滑动门,两个层互相切换代码,该代码的作者可能比较喜欢黑色和绿色,这样看起来个性了一些,但是您可以自己修改为其它颜色,以方便用在自己的网站上。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特[详细]
-
JS下拉菜单代码,带有简单的缓冲效果
所属栏目:[政策] 日期:2018-08-29 热度:189
JS二级下拉菜单代码,带有简单的缓冲效果,通过下边的代码长度您就可以看出来了,没有引入 jQuery 插件,明显 Java script的代码比较长一些,还是希望大家多学习新鲜的东西,jquery还是非常错的,同样的效果,大家可以看看烈火网的其它代码。 示例: !DOCT[详细]
-
网页二级下拉菜单,jQuery简单的下拉菜单导航
所属栏目:[政策] 日期:2018-08-29 热度:196
网页二级下拉菜单,一个比较简单的 jQuery 下拉菜单导航,小编看一下这个代码,可以扩展更可以美化,有时间的朋友不妨研究一下,对于提高前端水平还是不错的。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
行为与结构相分离的选项卡,JS特效代码
所属栏目:[政策] 日期:2018-08-29 热度:117
JS行为与结构相分离的选项卡代码,来自经典论坛,包括注释,很不错的网页特效参考实例。有的同学不明白标题中的行为与结构分离是什么意思,小编的理解是:大概就是说事件函数不要写在HTML元素上。 这个裸奔后显示不出内容层来了。裸奔后应该显示的是标题内[详细]
-
JS三级横向菜单,左侧多级简洁导航代码
所属栏目:[政策] 日期:2018-08-29 热度:102
Java Script+CSS实现三级横向菜单,这是一个位于网页左侧的三(多)级简洁英文带箭头的导航代码,使用了一个箭头图片,摘自国外的网站,有需要的朋友自己套用吧,这当然需要您有一定的HTML+CSS知识。 示例: htmlheadmeta http-equiv=Content-Type content[详细]
-
网页左上角滑出的菜单导航,类似QQ的停靠效果
所属栏目:[政策] 日期:2018-08-26 热度:69
悬浮在网页左上角的一个导航,鼠标经过时动态滑出的菜单,当鼠标离开菜单区域时,菜单自动收缩至顶部,有点类似腾讯QQ的窗口停靠效果,尽管菜单比较久远了,但是兼容性和使用价值都还是不错的,推荐学习和研究。 演示: !DOCTYPE htmlhtmlheadmeta charset[详细]
-
基于JS+Table表格的静态竖直导航菜单代码
所属栏目:[政策] 日期:2018-08-26 热度:67
基于JS+Table表格的静态竖直导航菜单代码,一眼看上去给人的感觉肯定是用了div+css,但是您只要看一下源代码就明白了,里明明使用的是Table表格技术,怎么样,有兴趣的话自己试试去吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
滑动式的选项卡演示代码:Easy Tabs示例
所属栏目:[政策] 日期:2018-08-26 热度:106
一款滑动式的选项卡演示代码,类似于之前我们据说的滑动门,作者给它取名为:Easy Tabs,看上去还是比较最简单的选项卡样式,来自国外网站,没有汉化,界面为英文,稍带点动画的感觉,实际运用的价值不是太大,仅供大家参考和学习。 演示: !DOCTYPE htmlh[详细]
-
一款自适应文字内容宽度的Tab标签导航
所属栏目:[政策] 日期:2018-08-26 热度:73
一款自适应文字内容宽度的Tab标签导航,也就是我们平时所说的选项卡效果,与之前烈火网发布的选项卡代码不同,这款选项卡的选项宽度是可以自适应文字的,并且作者加上了背景,这样就使得UI更加漂亮了。 示例: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01[详细]
