-
JavaScript+css打造的精美日历控件
所属栏目:[专访] 日期:2018-08-24 热度:89
烈火网(LieHuo.Net)教程 一款利用 Java Script+css打造的精美日历控件,非常不错,在 IE浏览器 下测试通过,其它浏览器没有测试,代码有点乱,喜欢的朋友自己整理一下,请见下面的代码与演示: titleJavascript+css打造的精美日历控件 - Liehuo.Net/titles[详细]
-
JavaScript+Css 实现跟随鼠标的悬停提示信息
所属栏目:[专访] 日期:2018-08-24 热度:105
烈火网(LieHuo.Net)教程 在以前的网页特效中,我们曾经提到过用纯CSS实现的TIPS提示信息,例如《Css实现鼠标悬停提示文字信息的效果》和《CSS打造的超级链接悬停效果代码》,在上两篇特效中实现的悬停效果都非常简单,并且不能跟随鼠标,今天我们就来看一[详细]
-
JavaScript+Css 制作的烟花效果代码
所属栏目:[专访] 日期:2018-08-24 热度:93
以前看csdn上有人写的烟花,非常漂亮,一直想写。结果这么长的学习,算是可以一试了,发个0.5版本。仅供一笑,现在的问题是: 计时器 有2个,非常影响效率,在想办法改进中。没有按照面对对象的写法。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
CSS清除浮动代码:万能的float闭合
所属栏目:[专访] 日期:2018-08-21 热度:147
清除浮动,这在CSS3中有着重要的意义,在很多时候,如果不清除浮动,那么您的网页很可能在FF中会出错,在IE中也不会有好的表现,造成页面变形扭曲,绝非你想要的效果。今天向大家介绍一种简洁易用的方法,有浮动的时候,给需要闭合的DIV(class为clearfix[详细]
-
非常有趣! 纯 Css 完成一些小三角形代码
所属栏目:[专访] 日期:2018-08-21 热度:68
非常有趣! 纯 Css 完成一些小三角形代码,通过标题大家就可以看出来了,这是一个很简单但具有趣味性的代码,高手就不要看了,正在学习Css的朋友可以开拓一下视野。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org[详细]
-
Css 实现边框阴影及垂直居中效果代码
所属栏目:[专访] 日期:2018-08-21 热度:134
Css 实现边框阴影及垂直居中效果,让一个DIV框变成阴影的,没用任何的修饰图片哦,地地道道的CSS特效代码,另外那个居中代码也很实用,从事前端布局的朋友就会明白,居中我们经常会用到的。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
CSS背景图片居中代码,半透明显示文字
所属栏目:[专访] 日期:2018-08-21 热度:143
CSS控制图片实现始终居中显示,半透明显示文字,不管你如何拉大或缩小浏览器,它始终处于浏览器的中间位置,这是个十分实用的代码,很多时候我们都要用到此种情形的居中。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS 嵌套的DIV层的代码,关于定位的例子
所属栏目:[专访] 日期:2018-08-21 热度:85
CSS 嵌套的DIV层的代码,关于定位的例子,一个嵌套的DIV,用CSS定位知识实现,你可以此为例好好理解一下 absolute定位的用法。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d[详细]
-
左浮动、右浮动的对齐方法,CSS 代码
所属栏目:[专访] 日期:2018-08-21 热度:66
左浮动、右浮动的CSS对齐方法,两个CSS固定浮动的方框,一个左上对齐,一个右下对齐,随浏览器的大小始终不会变化,这里面用到了两个重要的CSS属性:一个是position,另一个是Left和Right属性。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
Css 结合图片修饰的圆角边框代码
所属栏目:[专访] 日期:2018-08-21 热度:199
CSS使用图片实现边框圆角,用两张图片作为背景,两张作为修饰,形成大圆角的效果,圆角的大小请根据自己的需要修改,修改过程中要对应修改CSS的代码,仅供参考。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
CSS 圆角边框,无图、纯 CSS 实现的代码
所属栏目:[专访] 日期:2018-08-21 热度:91
CSS 圆角边框,无图、纯 CSS 实现的代码。方法简单,不过有点繁琐,建立了很多的Div,CSS圆角还有些更为简便的方法,本款只作为您的参考,希望为您学习CSS开拓一些思路。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.[详细]
-
CSS美化Calendar日历的雏形,并无日历功能
所属栏目:[专访] 日期:2018-08-21 热度:129
CSS美化Calendar日历的雏形,并无日历功能,因为这个例子重点是介绍CSS,用CSS修饰一个日历的外表,没有加入真正的 Java Script日历代码。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-tr[详细]
-
Css中inline的用法:按钮和文本框Input水平
所属栏目:[专访] 日期:2018-08-21 热度:124
本例是Css中inline的用法,我们在日常的网页制作中,可能遇到这样的问题,按钮和文本框不在同一水平线上,这个要怎么解决呢?本文就是解决案例,用到了,CSS的语法:display:inline,如果你对CSS了解还是不足,建议阅读烈火学院提供的CSS中文手册。 演示:[详细]
-
纯CSS实现网页图标,RSS订阅图标的CSS3代码
所属栏目:[专访] 日期:2018-08-17 热度:151
网页图标对于站长们来说,是再熟悉不过的东西了,大家都知道那是图像,那么您有没有见过使用纯CSS生成的网页图标呢?今天烈火网就给大家发一款由CSS3技术实现的 RSS订阅 图标代码,注意哦在 IE9 以下浏览器兼容性不好。请使用IE9+、 Chrome 、火狐和 Opera[详细]
-
CSS色阶特效代码,注释丰富并兼容各大浏览器
所属栏目:[专访] 日期:2018-08-17 热度:85
在网上看到的CSS色阶特效代码,烈火小编看了一下,感觉有以下特点: 1、代码注释丰富,不管您是新手还是老鸟,都可以很快理解作者的代码。 2、兼容性强,从第一条就可以看出来了,释义中关于火狐、IE、 Chrome 、 Opera 等浏览器描写有很多。 3、纯CSS,无[详细]
-
文字倒影代码,倒映的文字,兼容IE9浏览器
所属栏目:[专访] 日期:2018-08-17 热度:195
又一款文字倒影代码,刚才介绍的倒影利用JS技术给倒影一个渐变的效果,与刚才介绍的不同,本文使用的是纯CSS,只是将文字反了一下,并没有渐变效果,兼容性做的非常好,思路新颖,并且在代码中使用了判断 IE9 浏览器的语句。 演示: !DOCTYPE htmlhtmlhead[详细]
-
CSS代码二例:边框阴影效果与DIV层垂直居中
所属栏目:[专访] 日期:2018-08-17 热度:87
CSS代码二例:边框阴影效果与DIV层垂直居中,在本代码中,实现的是CSS边框阴影(很多时候被勇于顶部banner框),及让框架内内容垂直居中。阴影效果做的不错,供新手参考学习,也欢迎提出整改方案。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Typ[详细]
-
CSS网页背景渐变代码,仅兼容chrome/Safari浏览器
所属栏目:[专访] 日期:2018-08-17 热度:109
明天就是大年三十了,年货一定都买齐了吧,首先祝您2012新年快乐!还记得6天前给大家分享的几款网页背景渐变特效吗?有只兼容IE浏览器的、只兼容火狐浏览器的、还有同时兼容IE和FireFox的,有的朋友肯定会说怎么没有谷歌chrome浏览器下的呢?您别着急,现[详细]
-
CSS3网页背景渐变代码,支持火狐和IE浏览器
所属栏目:[专访] 日期:2018-08-17 热度:188
前两篇分别介绍了IE下CSS3的网页背景渐变、火狐下CSS3的网页背景渐变代码,两款代码都不是完美的,因为他们分别支持IE和火狐,现在就来介绍既支持 Firefox 又支持IE的网页背景渐变代码,欢迎阅读。 示例: htmlheadstyle type=text/css rel=stylesheet.Ver[详细]
-
CSS3属性gradient实现FireFox网页背景渐变
所属栏目:[专访] 日期:2018-08-17 热度:169
刚刚给大家介绍了IE下CSS3属性gradient实现的网页背景渐变代码,很可惜的是它不支持firefox浏览器,本文再补上支持 火狐浏览器 的CSS3网页背景渐变,有的童鞋会说:烈火网,你就不能来一款既支持火狐,又支持IE的css3网页背景渐变吗?哈哈,您别着急,一篇[详细]
-
基于Css3的gradient属性实现网页背景渐变
所属栏目:[专访] 日期:2018-08-17 热度:104
Css3技术已经很成熟了,但是普及率不是很高,今天烈火网再给大家分享一个例子,是关于网页背景渐变的实现,这里使用了gradient属性,不过本例只在 IE浏览器 下显示效果,稍后给大家发表 Firefox 浏览器下的网页背景渐变代码,欢迎关注! 示例: !doctype h[详细]
-
Css精美的滑动门布局:圆角、选项卡和Tips等
所属栏目:[专访] 日期:2018-08-17 热度:165
一组精美的CSS滑动门布局代码,在这个实例合集中,有多个效果,包括:圆角自适应按钮、导航/tab选项卡、tips小提示等,当然这些布局是不完整的,也就是说没有JS脚本来驱动它们,如果您打算使用,只能借用CSS部分,JS脚本需要自己添加哦。 示例: !DOCTYPE[详细]
-
Css模拟iframe框架效果,带滚动条并自适应
所属栏目:[专访] 日期:2018-08-17 热度:129
大家都见过iframe实现的框架,尤其是网站的后台经常使用这种技术,本例就给大家介绍一种使用Css模拟的iframe框架效果,并且还有带滚动条哦,这款网页布局会跟随浏览器窗口自适应大小,欢迎借鉴和学习。 演示: !DOCTYPE htmlhtmlheadmeta http-equiv=Conte[详细]
-
基于css仿制的excel表格特效 可以输入文字
所属栏目:[专访] 日期:2018-08-13 热度:187
今天晚上破宽带慢的不行,干什么都慢,于是用css和table写了一款类似excel表格效果,也想加点JS实现增加一行和恢复效果,但是最终由于时间问题没有写出来,供大家参考吧,如果有什么问题,欢迎给veryhuo.com留言哦。 演示: htmlheadtitle直接输入的Excel[详细]
-
CSS无图完成漂亮的“热点调查”效果
所属栏目:[专访] 日期:2018-08-13 热度:144
记得在某浪网站上看到过一个漂亮的纯Css特效的调查表,看了一下代码,没有使用任何图片,但是非常漂亮,于是最火软件站(原烈火网)就把这个代码整理出来了,希望对您有帮助吧。 演示: htmlheadtitleVeryhuo.com调查问卷/titlestyle!--table.outside{ /*[详细]
