-
动态的网页Tab选项卡,点击链接弹出层效果
所属栏目:[政策] 日期:2018-09-13 热度:194
一个动态效果的网页选项卡,基于 jQuery 框架,点击链接旁边弹出层,在最开始的弹出瞬间,选项卡的卡片是动画展开的,依次点击其它的会随时显示对应内容。扩展性较强,灵活运用,会改造成其它的实用效果来。 为解决一些网页特效运行后不能显示效果(例如:[详细]
-
纯DIV+CSS实现的下拉导航菜单代码
所属栏目:[政策] 日期:2018-09-13 热度:60
又一款纯CSS+Div实现的下拉导航菜单,兼容性未测试完,在 IE8 下貌似完全正常,其它浏览器下不知道情况,想用的朋友自己测试下。本款CSS菜单没有用到修饰图片,纯CSS代码实现,便于修改风格。兼容性方面可以使用CSS Hack来实现兼容性修复。 示例: !DOCTYP[详细]
-
蓝色风格、响应鼠标的网站导航菜单,适合企业网站
所属栏目:[政策] 日期:2018-09-13 热度:173
蓝色风格、响应鼠标的网站导航菜单,适合软件公司使用,一个比较漂亮的菜单,鼠标移过菜单的时候,菜单的背景就变化了,觉得挺实用,也比较好看的菜单,除了软件公司可使用,企业一类的站都可以用。 演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/199[详细]
-
网站顶部收缩的广告通栏代码,基于jQuery打开和关闭
所属栏目:[政策] 日期:2018-09-13 热度:181
网站顶部收缩的广告通栏代码,基于 jQuery 框架,可以打开和关闭,类似于这样的效果,我们以前也曾经介绍过一些,大家可以使用烈火站内搜索查询一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点[详细]
-
仿Windows7风格的自定义网页右键菜单代码
所属栏目:[政策] 日期:2018-09-13 热度:81
仿Windows7风格的网页右键菜单,可以多级展开的右键菜单,类似于这样的实例烈火网以前的文章中有一些,现在不妨来回顾一下,例如《JavaScript模拟Windows系统右键菜单代码》、《JS+CSS替换网页右键菜单,动感,缓冲,兼容》、《巧用javascript自定义网页右键[详细]
-
滑动展开的手风琴代码,仿QQ面板的折叠菜单
所属栏目:[政策] 日期:2018-09-13 热度:116
简单实用、滑动展开的垂直导航菜单,也人把这种风格称为手风琴菜单,类似仿QQ面板的折叠菜单,鼠标放在任意一个菜单上,它会展开所属的二级菜单,很不错的选择,以前就分享过此类菜单,这次经过了代码优化升级,更人性化了。 演示: !DOCTYPE html PUBLIC[详细]
-
绿色风格、简洁、清爽的一级通栏菜单代码
所属栏目:[政策] 日期:2018-09-13 热度:114
绿色风格、简洁、清爽的一级通栏菜单代码,大家都喜欢的一种CSS菜单,绿色风格!还有新( )的小提示效果,用到了几张背景图片,大家顺着路径把图片下载下来吧。这款菜单整体感觉效果不错,兼容性又好,不管是用在你的网站或是学习研究CSS,都是不错的选择[详细]
-
仿淘宝商品列表效果,鼠标经过展开详细信息
所属栏目:[政策] 日期:2018-09-11 热度:101
仿淘宝商品列表效果,鼠标经过展开详细信息,对应的产品会显示出来,显示出图片和商品信息,鼠标移开后自动恢复原状,不但在淘宝有见到这效果,在其它的一些商品网站也都有见到过,一种很流行的CSS列表效果。 烈火网提示:由于代码久远,无从考证来自哪个[详细]
-
简单的jQuery菜单代码,响应鼠标下拉滑动伸展效果
所属栏目:[政策] 日期:2018-09-11 热度:166
简单的 jQuery 菜单代码,响应鼠标下拉滑动伸展效果,这里没有过多的去修饰菜单,仅是一些基本的实现,特别是对学习jQuery是个不错的参考实例,这里使用了一个jquery封装库文件jquery.tools.min.js,亦可以使用jquery1.2.x及以上版本,烈火网引入的是jQuer[详细]
-
纯CSS下拉菜单导航代码,结合部分图片美化
所属栏目:[政策] 日期:2018-09-11 热度:155
一款纯CSS结合部分图片背景完成的下拉菜单代码,蓝色经典色调,非常大气,适合政府和企业类网站作为顶部的导航菜单,浏览器兼容性完成OK,有需要的朋友可以拿去。 示例: !doctype htmlhtml xmlns=http://www.w3.org/1999/xhtmlhead id=head1title纯css下[详细]
-
基于jQuery的一款子菜单背景动态变化效果
所属栏目:[政策] 日期:2018-09-11 热度:165
基于 jQuery 的一款子菜单背景动态变化效果,作者应该是一个新手吧,烈火网小编进行了测试,发现这个例子不兼容IE,无法在IE下显示正常的效果,随后在 Chrome 和 Firefox 下通过,总体来说没有太大的实用价值,不过对于同样是初学者的朋友也许会有帮助,例[详细]
-
简洁自动切换的TAB标签,jQuery滑动门代码
所属栏目:[政策] 日期:2018-09-11 热度:75
简洁自动切换的TAB标签, jQuery 滑动门代码。一个自动切换的Tab标签,选项卡自动切换与其一样,引用了jQuery来实现,是一个新颖的版本,希望大家喜欢我的拙作。适合新手参考,在ie6,ie7,ff上通过测试;在此说明,想增加标签只要加就行了,代码不用改。 为[详细]
-
精简版二级下拉菜单,响应鼠标显示
所属栏目:[政策] 日期:2018-09-11 热度:171
精简版的二级下拉导航菜单,响应鼠标的动作,鼠标放上即显示出菜单,常见的一种菜单样式。在没有经过美化的情况下,是很难看的,如果您有需要,就用心修改一下,美化一番,还是不错的菜单哦! 示例: htmlheadtitle二级菜单,响应鼠标/titlestyle type=tex[详细]
-
鼠标经过切换背景颜色的导航菜单代码
所属栏目:[政策] 日期:2018-09-11 热度:155
鼠标经过切换背景颜色的导航菜单代码,简单明了,给新手学习。已测试,兼容IE6、7、8、9, Firefox 3、4、5、6, Chrome 5以上, Opera ,Safare,搜狗,遨游,360,TT ...... 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/[详细]
-
黑色风格的通栏导航,鼠标滑过有阴影的菜单代码
所属栏目:[政策] 日期:2018-09-11 热度:99
黑色风格的通栏导航,鼠标滑过有阴影的菜单代码,有立体感,鼠标放到菜单上会看到菜单的背景在变化,纯CSS的代码应用,没有使用任何的 Java Script代码。如果你觉得菜单的背景颜色和文字颜色不是您想要的,你还可以自己修改CSS文件,只要你有创意,一个漂[详细]
-
黑色的CSS3导航菜单,响应鼠标背景变倾斜状
所属栏目:[政策] 日期:2018-09-11 热度:135
黑色的CSS3导航菜单,响应鼠标背景变倾斜状,比较个性的东西,只可惜在 IE8 及以下版本浏览器无法看到效果,不过在 谷歌浏览器 、 火狐浏览器 下是正常的,因此请您更换 IE浏览器 才能查看效果。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Trans[详细]
-
JS树形菜单代码,多级目录树,又叫树状列表
所属栏目:[政策] 日期:2018-09-11 热度:158
一款不错的JS+CSS完成的树形菜单代码,又叫多级目录树或树状列表,由于代码转载比较多,目录的前缀图标已经找不到了,烈火网小编为了节省时间只增加了一种小图片,这样不能体现目录的展开和闭合效果,如果你打算用在自己的网站上,建议去烈火下载的按钮图[详细]
-
简单几行代码,jQuery实现滑动门切换效果
所属栏目:[政策] 日期:2018-08-29 热度:151
一个基于 jQuery 的滑动门导航代码,有了jQuery的加入,我们只需要几行js代码就可以搞定这一效果了,不知还有没有比此更少的代码了,在滑动门的实现过程中,用背景图片修饰了每个门的背景,更美观漂亮,有着极好的用户操作体验。 为解决一些网页特效运行后[详细]
-
纯Css二级下拉菜单,鼠标滑过“弹”出菜单
所属栏目:[政策] 日期:2018-08-29 热度:77
好久没有提到纯CSS下拉菜单了,经常访问烈火网的朋友一定阅读过许多纯CSS的例子,开始本文之前我们先来回顾一下,先是10年6月底的一款简单灰色的下拉菜单,紧随它第二天就更新了纯CSS下拉菜单,来自老外网站汉化版的菜单,还有去年冬天更新的CSS二、三级下[详细]
-
jQuery+CSS简洁的Tab选项卡,内容渐显效果
所属栏目:[政策] 日期:2018-08-29 热度:115
一款基于 jQuery +CSS实现的简洁、蓝色的Tab选项卡,切换时内容带渐显效果,与之前介绍的选项卡不同的是,本例是可以自动切换的,这正是利用了jQuery的特性,如果您打算学习jQuery,可以参考烈火网提供的jQuery中文手册。 为解决一些网页特效运行后不能显[详细]
-
jQuery动态下滑式图标菜单,Slide Out Navigation
所属栏目:[政策] 日期:2018-08-29 热度:65
jQuery 动态下滑式图标菜单,Slide Out Navigation,一款跟随鼠标滑出的导航效果,鼠标移过后菜单快速从上到下移出,并且出现漂亮的PNG图标,该菜单来自国外网站tympanus,如果您打算用在自己的网站,将菜单修改一下就可以用了,比如修改一下背景色或文字[详细]
-
又一款JS层折叠和展开的纵向导航菜单代码
所属栏目:[政策] 日期:2018-08-29 热度:174
福无双至烈火网,代码成双不单行!打油诗两句半,玩笑过后一起来看今天成双的代码效果,有兴趣的朋友可以先看一下前边的JS动态折叠和展开的菜单层,还有一版jQuery动态折叠和展开的菜单层,下边再给一个折叠和展开时没有动态效果的纵向菜单层。 示例: !do[详细]
-
JS层折叠和展开代码,可扩展纵向导航菜单
所属栏目:[政策] 日期:2018-08-29 热度:151
烈火网刚刚给大家介绍了基于的jQuery层折叠和展开,手风琴式纵向菜单代码,再发一款与之几乎功能一样的菜单,这款菜单不需要引入 jQuery ,并且在功能上有一处不相同,前者只能展开一个层,而本例可以将所有层全部展开。 示例: !doctype htmlhtmlheadmeta[详细]
-
jQuery层折叠和展开,手风琴式纵向菜单代码
所属栏目:[政策] 日期:2018-08-29 热度:143
jQuery 实现层的折叠和展开,类似于手风琴风格,这是一个纵向的左侧菜单,大家可以非常明白的看到,代码比较简单,如果您想增加菜单内容,只要复制已有选项并修改ID就可以了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火[详细]
-
蓝色、简洁的下拉菜单代码,兼容各种浏览器
所属栏目:[政策] 日期:2018-08-29 热度:185
蓝色、简洁的下拉菜单代码,没有用到任何的修改图片!看一下效果吧,怎么样,复制代码即可使用。兼容:IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+等多个浏览器,简单修改一下菜单的内容就可以放在自己的网站或项目中使用了。 示例: !DOCTYPE[详细]