-
Tab选项卡代码,鼠标点击链接切换效果
所属栏目:[创业] 日期:2018-10-01 来源:DaWei
Tab选项卡代码,鼠标点击链接切换效果。由于自己对JS不是太精通,因此写了好长时间才实现的Tab选项卡的效果,自认为兼容性超好的,希望高手不要拍砖呀!代码内预留了图片修饰的空位,自己做图片,把地址改下就行了。 示例: htmlheadmeta http-equiv=Conte[详细]
-
Tab滑动门效果,简洁灰色风格的代码
所属栏目:[创业] 日期:2018-10-01 来源:DaWei
Tab滑动门效果,简洁灰色风格的代码,和选项卡基本是一样的原理,只不过改变了一下JS的函数,在鼠标滑动TAB时更换内容,这就是滑动门的原理,onmouseClick改变为onmouseover,其实也就是将选项卡变为了滑动门。 示例: htmlheadmeta http-equiv=Content-Ty[详细]
-
CSS3多功能图文混排下拉菜单,有缓冲效果
所属栏目:[创业] 日期:2018-10-01 来源:DaWei
CSS3多功能图文混排下拉菜单,有缓冲效果,一款比较灵活的国外菜单导航代码,菜单内可设计更复杂的文字和图片,图文结合,一些大网站,特别是国外的网站常见到这种风格的CSS菜单。里面有一些预留的图片修饰代码,若有需要,自己加吧。 示例: !DOCTYPE html[详细]
-
蓝色风格立体感的导航菜单,响应鼠标,带new功能
所属栏目:[创业] 日期:2018-10-01 来源:DaWei
一款CSS结合图片完成的蓝色风格立体感的导航菜单,响应鼠标显示hover效果,还带有最近比较流行的new小图标功能,该菜单仿自威客中国的导航菜单,大家可以看看下边的演示效果。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/[详细]
-
由JavaScript随机数控制网址的显示
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
烈37火68网(LieHuo83.Net)教82程 一个JS的简单例子,算不得网页特效。将一些网址存入数组中,交给 Java Script来处理,根据随机数的生成,随机显示数组中的网址,虽然这是用来生成网址的,但除了网址外,你还可以在数组中设定网页的颜色,每次刷新,它都会[详细]
-
橙色个性的导航菜单代码,适合团购网站使用
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
橙色个性的导航菜单代码,适合 团购 网站使用,没有使用 Java script技术,完全CSS代码实现,当初主要是想用在团购网站上,大家修改一下,可以用在各种各样的网站上。菜单两头的那个布局或许是你要研究的重要吧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
动态的网页Tab选项卡,点击链接弹出层效果
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
一个动态效果的网页选项卡,基于 jQuery 框架,点击链接旁边弹出层,在最开始的弹出瞬间,选项卡的卡片是动画展开的,依次点击其它的会随时显示对应内容。扩展性较强,灵活运用,会改造成其它的实用效果来。 为解决一些网页特效运行后不能显示效果(例如:[详细]
-
纯DIV+CSS实现的下拉导航菜单代码
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
又一款纯CSS+Div实现的下拉导航菜单,兼容性未测试完,在 IE8 下貌似完全正常,其它浏览器下不知道情况,想用的朋友自己测试下。本款CSS菜单没有用到修饰图片,纯CSS代码实现,便于修改风格。兼容性方面可以使用CSS Hack来实现兼容性修复。 示例: !DOCTYP[详细]
-
蓝色风格、响应鼠标的网站导航菜单,适合企业网站
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
蓝色风格、响应鼠标的网站导航菜单,适合软件公司使用,一个比较漂亮的菜单,鼠标移过菜单的时候,菜单的背景就变化了,觉得挺实用,也比较好看的菜单,除了软件公司可使用,企业一类的站都可以用。 演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/199[详细]
-
网站顶部收缩的广告通栏代码,基于jQuery打开和关闭
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
网站顶部收缩的广告通栏代码,基于 jQuery 框架,可以打开和关闭,类似于这样的效果,我们以前也曾经介绍过一些,大家可以使用烈火站内搜索查询一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点[详细]
-
仿Windows7风格的自定义网页右键菜单代码
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
仿Windows7风格的网页右键菜单,可以多级展开的右键菜单,类似于这样的实例烈火网以前的文章中有一些,现在不妨来回顾一下,例如《JavaScript模拟Windows系统右键菜单代码》、《JS+CSS替换网页右键菜单,动感,缓冲,兼容》、《巧用javascript自定义网页右键[详细]
-
滑动展开的手风琴代码,仿QQ面板的折叠菜单
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
简单实用、滑动展开的垂直导航菜单,也人把这种风格称为手风琴菜单,类似仿QQ面板的折叠菜单,鼠标放在任意一个菜单上,它会展开所属的二级菜单,很不错的选择,以前就分享过此类菜单,这次经过了代码优化升级,更人性化了。 演示: !DOCTYPE html PUBLIC[详细]
-
绿色风格、简洁、清爽的一级通栏菜单代码
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
绿色风格、简洁、清爽的一级通栏菜单代码,大家都喜欢的一种CSS菜单,绿色风格!还有新( )的小提示效果,用到了几张背景图片,大家顺着路径把图片下载下来吧。这款菜单整体感觉效果不错,兼容性又好,不管是用在你的网站或是学习研究CSS,都是不错的选择[详细]
-
仿淘宝商品列表效果,鼠标经过展开详细信息
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
仿淘宝商品列表效果,鼠标经过展开详细信息,对应的产品会显示出来,显示出图片和商品信息,鼠标移开后自动恢复原状,不但在淘宝有见到这效果,在其它的一些商品网站也都有见到过,一种很流行的CSS列表效果。 烈火网提示:由于代码久远,无从考证来自哪个[详细]
-
简单的jQuery菜单代码,响应鼠标下拉滑动伸展效果
所属栏目:[创业] 日期:2018-09-26 来源:DaWei
简单的 jQuery 菜单代码,响应鼠标下拉滑动伸展效果,这里没有过多的去修饰菜单,仅是一些基本的实现,特别是对学习jQuery是个不错的参考实例,这里使用了一个jquery封装库文件jquery.tools.min.js,亦可以使用jquery1.2.x及以上版本,烈火网引入的是jQuer[详细]
-
CSS垂直自适应,元素超出高度显示效果
所属栏目:[创业] 日期:2018-09-20 来源:DaWei
烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
CSS 多个子框架居中
所属栏目:[创业] 日期:2018-09-20 来源:DaWei
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所[详细]
-
写HTML和CSS的新方法
所属栏目:[创业] 日期:2018-09-20 来源:DaWei
Zen Coding 一个用来简化编写 HTML,XML, XSL (或是其它一些诸如此类格式的编辑器)。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML,很像CSS语法。下面是一个例子: div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子: div id=[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目:[创业] 日期:2018-09-20 来源:DaWei
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容IE、 火狐浏览器 。随烈火一起来看一下吧。 body { cursor:url(images/liehuo_net.cur), url(/images/liehuo_net.cur), auto;} 烈火提示: IE中,Url可以是相对路径,也可以是绝对路径 。 FF中,Url只[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目:[创业] 日期:2018-09-20 来源:DaWei
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入,说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里,要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目:[创业] 日期:2018-09-20 来源:DaWei
第一种添加方式: document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式: document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档:浏览器默认HTML的CSS样式属性
所属栏目:[创业] 日期:2018-09-20 来源:DaWei
这个浏览器默认HTML的CSS样式属性,在你需要还原默认值的时候,比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在w3上看到了。除了inline和block的定义,[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目:[创业] 日期:2018-09-19 来源:DaWei
IE6下设置了z-index层仍无法置顶的问题,前几天与几个朋友一起探讨,现在把解决方法通过烈火告诉大家。 层代码如下: div id=ad_top/div div id=topstory/div 样式代码如下: .ad_top { z-index:999; } .topstory { z-index:-999; float:left; } 最终解决[详细]
-
闲谈CSS3动画
所属栏目:[创业] 日期:2018-09-19 来源:DaWei
随着CSS3越来越热,CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头,小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强,不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解,希望能对大家有所帮助[详细]
-
百叶窗打开网页,一行Js代码即可实现
所属栏目:[创业] 日期:2018-09-19 来源:DaWei
百叶窗打开网页,一行Js代码即可实现,一种网页的过渡效果,当打开链接的时候,等待页面加载完成 ,然后以百叶窗的方式慢慢显示出来,而且代码也很简单,在此之前还以为,这种效果需要用不少Js代码才能实现。 特效演示: htmlheadtitle使用百叶窗效果来切换[详细]





浙公网安备 33038102330470号