-
同时带有滑动门菜单和Tab选项卡的代码
所属栏目:[政策] 日期:2018-08-21 热度:182
支持自动切换功能的网页滑动门菜单,JS与CSS结合的技术成果,有人说它是自己会切换的网页选项卡标签面板,QQ登录后弹出的每日要闻迷你窗口中有类似效果,但是代码写法却是截然不同的,每一位作者的思路是不同的,因此您多了一份参考。 示例: htmlheadtitl[详细]
-
带链接跳转的下拉菜单代码,Js+Css模拟完成
所属栏目:[政策] 日期:2018-08-21 热度:114
带链接跳转的下拉菜单代码,Js+Css模拟完成,Selcet下拉框是用CSS调用图片实现的,具体效果大家自己看下边的演示吧,文字无法表达那么清楚,您说呢? 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DT[详细]
-
经典的双层网页选项卡,CSS标签面板
所属栏目:[政策] 日期:2018-08-21 热度:145
一个经典的CSS标签面板,当然也不单纯是CSS,Js在本代码内也发挥了重要作用,本CSS标签的每个面板id属性是唯一的,用于区别同一页面中的多个面板,同时它还可以指定标签段数、标签面板中的行数、指定每行标签数、标识每个标签的宽度、高度以及指定相邻行中[详细]
-
JS封装代码:折叠菜单、TAB,图片切换,滑动门
所属栏目:[政策] 日期:2018-08-21 热度:106
折叠菜单,TAB切换,焦点图,滑动门JS代码封装,一个页面将这些常用的网页元素集中在了一起,想用那个的时候,设置一下就行了,比如应用于折叠层,想要展开当前的同时,其它状态不变,修改other值为show。想要初始化时确定哪一项展开,修改initCon值为有效[详细]
-
鼠标悬停背景翻转的黑色jQuery菜单导航代码
所属栏目:[政策] 日期:2018-08-21 热度:129
鼠标悬停背景翻转的黑色 jQuery 菜单导航代码,预览效果时左下角会提示错误,而且看不到效果,刷新一下就可以看到效果了;当然,在实际使用中,不会出现这样的问题。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网[详细]
-
jQuery浅灰色导航菜单代码,来自Meizu魅族网站
所属栏目:[政策] 日期:2018-08-21 热度:126
经常访问魅族官方网站,发现网站的导航菜单的效果很不错就扣下来,俩字:给力。鼠标放到菜单上,菜单的下边会有一条横线在滑动。一直想找类似的效果学一下。结果,不是忘记有类似效果的网站的网址,就是压根儿找不到。。又不知道怎么描述,今天总算碰到了[详细]
-
QQ在线客服代码,个性、美观的侧边QQ客服代码
所属栏目:[政策] 日期:2018-08-21 热度:187
超级漂亮的一款QQ在线客服代码,个性、美观的侧边QQ客服代码,从别的网站上扒下来的,并非本人原创,后来又发到网上让CSS高手们做了兼容性修改,可以说接近完美了,QQ在线客服中用到了两张背景图片,自己可以下载。 演示代码: !DOCTYPE html PUBLIC -//W3[详细]
-
JS滑动展开导航,一个常用的网站管理菜单
所属栏目:[政策] 日期:2018-08-21 热度:101
常用的网站管理菜单,分享一款给大家,鼠标移过显示分支菜单,这里主要使用 Java Script与CSS配合共同完成。因侧重功能的表现,所以没有美化,相信这对于懂CSS的朋友来说,不是难事,自己辛苦一下,美化美化还是挺实用的。 演示: HTMLHEADTITLE管理菜单/T[详细]
-
CSS+Js的纵向导航菜单,滑动展开的列表效果
所属栏目:[政策] 日期:2018-08-21 热度:194
CSS+Js的纵向导航菜单,滑动展开的列表效果,模仿的是一个淘宝网右侧的列表菜单,简单的做法就是每项里有有两个div 移上去聊天第一个,显示第二个就好了。 演示: HTMLHEADTITLE管理导航菜单/TITLEMETA http-equiv=Content-Type content=text/html; charse[详细]
-
简洁的、蓝色风格菜单代码,CSS实现鼠标响应变色
所属栏目:[政策] 日期:2018-08-21 热度:64
简洁的、蓝色风格菜单代码,CSS实现鼠标响应变色,主要是利用对Padding和margin-top值的定义,产生错位的菜单,简洁明了,结构明淅,同时也是学习的好范例。 示例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
jQuery展开、收缩的树状目录菜单或导航代码
所属栏目:[政策] 日期:2018-08-21 热度:51
jQuery 展开,合拢的Js树状目录菜单或导航,从一个购物网发现的菜单,觉得挺不错的形式,当然在仿写后,与原菜单有些出入,原菜单中是地市导航,要能更适合这种形式,而本菜单是一个网站的栏目导航,从外观上来说,有些差异,不过代码是一样的,只是换换内[详细]
-
jQuery黑色背景会翻滚的红色菜单导航条代码
所属栏目:[政策] 日期:2018-08-21 热度:59
jQuery 黑色背景会翻滚的红色菜单导航条代码,鼠标放到某个菜单项上后,菜单会翻滚一下,增加一些动感的效果,看上去更可爱了,而且颜色搭配也挺不错的jQuery导航菜单。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新[详细]
-
JS无限级下拉横向菜单代码,与CSS结合实现
所属栏目:[政策] 日期:2018-08-21 热度:92
css+ Java Script无限级菜单代码,作者对兼容性的考虑也是正确的,因此菜单在兼容性该页也表现不错,在IE、火狐、 傲游 等众多浏览器上都表现不错。多级菜单也是朋友们能用得上的,希望大家喜欢。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN[详细]
-
DIV+CSS布局实例:CSS标签切换、滑动门代码
所属栏目:[政策] 日期:2018-08-21 热度:188
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-21 热度:148
一款类似DreamWeaver软件界面上的工具条小图标菜单导航,这个效果让作者花了一些时间,基于DIV+CSS,尤其对于新手来说,这个例子一定要学习哦。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD[详细]
-
JavaScript写的选项卡Tab[附样式修改说明]
所属栏目:[政策] 日期:2018-08-20 热度:167
烈火在网上看到一个选项卡Tab的雏形,由于作者只是封装了简单的雏形,UI基本没有,鼠标放上去就可以看到效果,没有修饰,显得有些粗糙。这里说明一下用法:修改部分 tabs(nav,bb) nav bb对应导航和内容的id,脚本首行 tag1,tag2是对应标签名 addclass是鼠[详细]
-
TAB选项卡定时自动切换,设计简洁的滑动门
所属栏目:[政策] 日期:2018-08-20 热度:112
烈火网(LieHuo.Net)网页特效:一个可以自动切换的选项卡,或者说是滑动门,本来这两个东西就相关不大,有兴趣的朋友研究一下,它除了自己播放每个选项卡内的内容外,也响应鼠标的动作,鼠标放上后即可响应变换内容,因主要想表现功能及代码,因此没有过多[详细]
-
仿京东商城左侧的联动导航菜单,纯CSS代码
所属栏目:[政策] 日期:2018-08-20 热度:155
烈火网(LieHuo.Net)CSS菜单特效:今天有朋友对小编说, 京东 商城左侧的菜单真是太漂亮了,尤其UI设计的非常不错,果然有大站的风范。烈火前去看了一下,感觉真是不错的,开始以为是利用了JS+CSS设计的,后来把代码扣下来才知道。原来是纯CSS,只是代码中[详细]
-
点击下拉菜单选项,添加选中值到输入框
所属栏目:[政策] 日期:2018-08-20 热度:51
烈火网(LieHuo.Net)网页特效资源 这是一个下拉选择框与输入框联动的网页特效,点击下拉菜单的选项,直接添加选中值到输入框中,这种效果相信不少朋友见到过吧,省去用户输入的麻烦,这里使用JS直接将值赋予输入框,了解原理之后,可灵活运用,扩展出更多的[详细]
-
实用的CSS导航菜单,设计漂亮、代码简洁
所属栏目:[政策] 日期:2018-08-20 热度:161
烈火网(LieHuo.Net)CSS菜单特效:这是一个最简单但非常实用的CSS菜单,只需定义a标签的三种状态就可实现神奇效果,初学CSS的朋友,这个菜单是个很不错的范例教程,好好研究一下对入门CSS很有帮助。 来看一下实例代码的演示: titleCSS菜单 - Liehuo.Net/ti[详细]
-
Tab选项卡效果,兼容IE、火狐、Chrome等多个浏览器
所属栏目:[政策] 日期:2018-08-20 热度:55
烈火网(LieHuo.Net)滑动门特效教程:以前,在烈火的教程中,我们曾经提供过多款滑动门的特效。这次有所不同的是,根据以前的一个tab,加上新的结构基础做出来的。兼容IE6- IE8 、FireFox、 Chrome 、 Opera 和 Safari 。如果你不介意display:none出现在CSS[详细]
-
JQuery+DIV+CSS实现无限级联菜单
所属栏目:[政策] 日期:2018-08-20 热度:115
这是新一代框架技术 jQuery 实现的级联菜单,时间关系,效率可能不高。在IE6下不兼容,想用的朋友,只要把样式更改一下就可以实现无限级联的树型导航了。先来看一下效果演示图片: 完整代码演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitiona[详细]
-
jQuery实现点击Input淡入淡出的下拉菜单
所属栏目:[政策] 日期:2018-08-20 热度:72
这是一个类似于下拉菜单的效果,点击INPUT输入框后,就会有一个淡出的下拉菜单,点击选项后,自动传值到输入框中,越来越发现 jQuery 是一个强大的东西。 实例效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
jQuery打造的经典炫彩菜单 带有动画效果
所属栏目:[政策] 日期:2018-08-20 热度:151
又一款基于 jQuery 实现的下拉导航菜单,小编今天在烈火网发布了jQuery_1.4 API 中文手册后,这款菜单再次让我们见识了jQuery的强大、看到她的多才多艺! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x[详细]
-
可以折叠的面板 基于jQuery设计
所属栏目:[政策] 日期:2018-08-20 热度:98
结合我们以前说到的JQuery技巧,本文我们可以实现一个可折叠的面板列(类似于gmail的邮件面板),当然需要你的网页中载入JQuery.js才可以,点击这里下载:JQuery.js !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xh[详细]