-
CSS滤镜修饰网页图片显示出的不同效果
所属栏目:[专访] 日期:2018-09-05 热度:155
CSS滤镜修饰网页图片显示出的不同效果,图在不同的CSS滤镜作用下,呈现出不同的效果。。。其实CSS的此项功能非常实用,用它可以生成出灰度图、底片效果、X光效果等,实例仅列出了一小部分,还有不少的图片效果可以用CSS滤镜来完成。 演示: htmlheadtitle[详细]
-
CSS 定义上划线、下线线、删除线代码
所属栏目:[专访] 日期:2018-09-05 热度:94
烈12火98网(LieHuo21.Net)教95程 CSS 定义上划线、下线线、删除线代码,这三种线是最常用的,删除线一般用在商城或产品类网页中,下划线则使用较广泛,上划线这个见的比较少,多掌握一些CSS的基础知识,对你绝对没有害处。 代码演示: !DOCTYPE html PUBLI[详细]
-
Css 自定义滚动条属性二例
所属栏目:[专访] 日期:2018-09-05 热度:55
一。用CSS自定义滚动条属性。 实际上从代码里你并没有发现有滚动条,但是最终的效果却出现了滚动条,它可以根据框内内容的多少自动适应,细心的朋友会发现,这其实是在CSS里定义了一个 overflow:scroll属性。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHT[详细]
-
CSS特效:关于CSS缩放属性的代码演示
所属栏目:[专访] 日期:2018-09-05 热度:151
烈15火04网(LieHuo87.Net)教04程 CSS特效:关于CSS缩放属性的代码演示。一个关于CSS控制元素缩放的实例,在例子中,图片被按比例缩小,这个挺有用处吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
用Css定义不同的鼠标光标指针样式代码
所属栏目:[专访] 日期:2018-09-05 热度:164
鼠标的指针大家再熟悉不过了,熟悉的甚至忘了它们的存在。用CSS我们可以将这些光标指针一一展现出来,本例将展现给大家用CSS实现拖动符的光标、链接小手、移动光标、带问号的光标、不可操作的光标、小手光标、带运行符的光标、上下拖动的光标、普通打字光[详细]
-
一款简洁、实用、带箭头的CSS流程图代码
所属栏目:[专访] 日期:2018-09-05 热度:119
烈27火51网(LieHuo15.Net)教22程 一款设计简洁、实用的CSS箭头流程图特效,用在帮助中合适,或者用在安装程序及用户索引上,指导用户第一步、第二步干什么,也就是流程图,可以说是很适合埃那个小缺口不是CSS实现的,用了小图片,相对简单些,不过功能挺实[详细]
-
CSS自适应窗口大小的容器效果
所属栏目:[专访] 日期:2018-09-05 热度:198
CSS自适应窗口大小的容器居中,在内层的容器中,你可以输入一些文字,内层窗口会随着窗口的大小而自动适应,而且它始终是水平和垂直居中的,实用性大大增强,对此感兴趣的朋友好好参考一下哦。 代码演示: htmlheadstyle type=text/css*{margin:0; padding[详细]
-
CSS实现图文混排效果,图左文右下面列表
所属栏目:[专访] 日期:2018-08-26 热度:120
烈火网(LieHuo.Net)CSS网页特效教程,其实这也算不得什么特效,在以前的文章中,烈火提到过所谓的网页特效一般是针对javascript而言的,近几年优秀js框架 jQuery 的出现,更让网页特效有了新一轮革新,好了,不多说费话,来看今天的教程。 本文中,主要是[详细]
-
仿阿里巴巴字母滑动门效果[javascrip+css]
所属栏目:[专访] 日期:2018-08-26 热度:103
在以前的教程中,烈火曾经多次介绍滑动门给大家,另外还有一些滑动的菜单,今天要给朋友介绍的也是其中一例,可能有很多朋友都见过,这就是仿阿里巴巴的字母菜单滑动特效。 这个字母轮换其实就是一个比较大的滑动门,至少来说原理是一样的,代码由 Java Sc[详细]
-
鼠标经过CSS小方块膨胀效果,基于jQuery编写
所属栏目:[专访] 日期:2018-08-26 热度:128
这是一个利用了 jQuery 脚本编写的功能非常差的一个特效,可能还利用不了jQuery的千分之一功能,但是通过这个特效实例,可以启发我们做一些其它的东西出来,在以后的WEB开发过程中,我想jQuery是必不可少的了,那么从每个方面利用和学习jQuery是我们学习的[详细]
-
基于jQuery+Css设计的评论盖楼效果代码
所属栏目:[专访] 日期:2018-08-26 热度:174
最近,很多朋友咨询关于烈火使用 DedeCMS 5.5版本的ajax评论系统改造的盖楼系统,由于修改较多,目前还无法拿出来给分享,不过烈火在网上某博客发现一款基于 jQuery 设计的评论回复引用(盖楼)效果,现在就把这款代码发布出来给大家。 最终效果: !DOCTYP[详细]
-
JS+CSS打造的3D圆形,可控制左右旋转
所属栏目:[专访] 日期:2018-08-26 热度:100
一段 Java Script+CSS写的代码,实现一个3D圆形样式的JavaScript图片旋转展示代码,这里为了演示方便,将图片替换成了数字,预留出了图片的位置,这样速度快些,会HTML的朋友都知道用时候该怎么做。本图片旋转需要手动控制,每点击一下,图片旋转一次,可[详细]
-
CSS省略号效果,超过长度显示省略号
所属栏目:[专访] 日期:2018-08-26 热度:75
烈火网(LieHuo.Net)教程 有时候,我们的网页内容长短不一,这时候为了页面的整洁,我们需要使用省略号来控制。在本文的教程中,烈火网就给大家介绍一个真正的CSS省略号效果,超出范围自动变成省略号。但是,使用鼠标可以完全选择文字,非常酷的 看一下效果[详细]
-
多款模拟滚动条效果 JS+CSS实现代码
所属栏目:[专访] 日期:2018-08-26 热度:134
这是烈火小编从网上转过来的。做了些修改,其实写的比较糟糕(我指的是构造) 我用的是以前的一个drag类 在这个基础上在的来完成的Slider ,其实这样代码产生些了冗余.......不如单独写个Slider类 做为第一个版本还是保存起来 有时间的话 试着单独的写个Slid[详细]
-
JavaScript+css打造的精美日历控件
所属栏目:[专访] 日期:2018-08-26 热度:120
烈火网(LieHuo.Net)教程 一款利用 Java Script+css打造的精美日历控件,非常不错,在 IE浏览器 下测试通过,其它浏览器没有测试,代码有点乱,喜欢的朋友自己整理一下,请见下面的代码与演示: titleJavascript+css打造的精美日历控件 - Liehuo.Net/titles[详细]
-
JavaScript+Css 实现跟随鼠标的悬停提示信息
所属栏目:[专访] 日期:2018-08-26 热度:64
烈火网(LieHuo.Net)教程 在以前的网页特效中,我们曾经提到过用纯CSS实现的TIPS提示信息,例如《Css实现鼠标悬停提示文字信息的效果》和《CSS打造的超级链接悬停效果代码》,在上两篇特效中实现的悬停效果都非常简单,并且不能跟随鼠标,今天我们就来看一[详细]
-
JavaScript+Css 制作的烟花效果代码
所属栏目:[专访] 日期:2018-08-26 热度:129
以前看csdn上有人写的烟花,非常漂亮,一直想写。结果这么长的学习,算是可以一试了,发个0.5版本。仅供一笑,现在的问题是: 计时器 有2个,非常影响效率,在想办法改进中。没有按照面对对象的写法。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
CSS3网页背景渐变代码,支持火狐和IE浏览器
所属栏目:[专访] 日期:2018-08-18 热度:200
前两篇分别介绍了IE下CSS3的网页背景渐变、火狐下CSS3的网页背景渐变代码,两款代码都不是完美的,因为他们分别支持IE和火狐,现在就来介绍既支持 Firefox 又支持IE的网页背景渐变代码,欢迎阅读。 示例: htmlheadstyle type=text/css rel=stylesheet.Ver[详细]
-
CSS3属性gradient实现FireFox网页背景渐变
所属栏目:[专访] 日期:2018-08-18 热度:181
刚刚给大家介绍了IE下CSS3属性gradient实现的网页背景渐变代码,很可惜的是它不支持firefox浏览器,本文再补上支持 火狐浏览器 的CSS3网页背景渐变,有的童鞋会说:烈火网,你就不能来一款既支持火狐,又支持IE的css3网页背景渐变吗?哈哈,您别着急,一篇[详细]
-
基于Css3的gradient属性实现网页背景渐变
所属栏目:[专访] 日期:2018-08-18 热度:76
Css3技术已经很成熟了,但是普及率不是很高,今天烈火网再给大家分享一个例子,是关于网页背景渐变的实现,这里使用了gradient属性,不过本例只在 IE浏览器 下显示效果,稍后给大家发表 Firefox 浏览器下的网页背景渐变代码,欢迎关注! 示例: !doctype h[详细]
-
Css精美的滑动门布局:圆角、选项卡和Tips等
所属栏目:[专访] 日期:2018-08-18 热度:147
一组精美的CSS滑动门布局代码,在这个实例合集中,有多个效果,包括:圆角自适应按钮、导航/tab选项卡、tips小提示等,当然这些布局是不完整的,也就是说没有JS脚本来驱动它们,如果您打算使用,只能借用CSS部分,JS脚本需要自己添加哦。 示例: !DOCTYPE[详细]
-
Css模拟iframe框架效果,带滚动条并自适应
所属栏目:[专访] 日期:2018-08-18 热度:178
大家都见过iframe实现的框架,尤其是网站的后台经常使用这种技术,本例就给大家介绍一种使用Css模拟的iframe框架效果,并且还有带滚动条哦,这款网页布局会跟随浏览器窗口自适应大小,欢迎借鉴和学习。 演示: !DOCTYPE htmlhtmlheadmeta http-equiv=Conte[详细]
-
CSS实现的3D旋转(三维)效果,transform-style
所属栏目:[专访] 日期:2018-08-18 热度:192
一款CSS实现的3D旋转(三维)效果,叫作:transform-style实例,小编分别在 IE8 、opera下测试均无法显示效果,在IE下显示的是层叠效果,在opera下显示的层重叠效果,在chrome浏览器下可以显示三维旋转的层,效果还是非常不错的。 演示: !DOCTYPE htmlhtm[详细]
-
鼠标悬停时图片加边框效果,已杜绝图片移位
所属栏目:[专访] 日期:2018-08-18 热度:68
鼠标悬停时图片加边框效果,有许多童鞋都试过鼠标滑过图片给其加边框吧,但是您加的边框有没有图片移位呢?本文就实现了图片不移位。 当鼠标滑过图片时,图片出现用CSS定义的外框,但很多时候,加了边框后,图片要产生位移,影响整体效果,本例的三种方法[详细]
-
用CSS的cursor属性来改变鼠标形状样式显示
所属栏目:[专访] 日期:2018-08-18 热度:150
用CSS的cursor属性来改变鼠标形状样式显示,我们比较熟悉而又陌生的效果,比如您将鼠标放在链接上时显示手形,将鼠标放在文本上则显示I形,各种形状,大家一起来看看烈火网给大家展示的代码和相关使用方法吧! 演示: htmlheadtitle用CSS来改变鼠标形状样[详细]
