-
CSS滤镜修饰网页图片显示出的不同效果
所属栏目:[专访] 日期:2018-08-23 热度:66
CSS滤镜修饰网页图片显示出的不同效果,图在不同的CSS滤镜作用下,呈现出不同的效果。。。其实CSS的此项功能非常实用,用它可以生成出灰度图、底片效果、X光效果等,实例仅列出了一小部分,还有不少的图片效果可以用CSS滤镜来完成。 演示: htmlheadtitle[详细]
-
CSS 定义上划线、下线线、删除线代码
所属栏目:[专访] 日期:2018-08-23 热度:146
烈12火98网(LieHuo21.Net)教95程 CSS 定义上划线、下线线、删除线代码,这三种线是最常用的,删除线一般用在商城或产品类网页中,下划线则使用较广泛,上划线这个见的比较少,多掌握一些CSS的基础知识,对你绝对没有害处。 代码演示: !DOCTYPE html PUBLI[详细]
-
Css 自定义滚动条属性二例
所属栏目:[专访] 日期:2018-08-23 热度:125
一。用CSS自定义滚动条属性。 实际上从代码里你并没有发现有滚动条,但是最终的效果却出现了滚动条,它可以根据框内内容的多少自动适应,细心的朋友会发现,这其实是在CSS里定义了一个 overflow:scroll属性。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHT[详细]
-
CSS特效:关于CSS缩放属性的代码演示
所属栏目:[专访] 日期:2018-08-23 热度:90
烈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-08-23 热度:52
鼠标的指针大家再熟悉不过了,熟悉的甚至忘了它们的存在。用CSS我们可以将这些光标指针一一展现出来,本例将展现给大家用CSS实现拖动符的光标、链接小手、移动光标、带问号的光标、不可操作的光标、小手光标、带运行符的光标、上下拖动的光标、普通打字光[详细]
-
一款简洁、实用、带箭头的CSS流程图代码
所属栏目:[专访] 日期:2018-08-23 热度:139
烈27火51网(LieHuo15.Net)教22程 一款设计简洁、实用的CSS箭头流程图特效,用在帮助中合适,或者用在安装程序及用户索引上,指导用户第一步、第二步干什么,也就是流程图,可以说是很适合埃那个小缺口不是CSS实现的,用了小图片,相对简单些,不过功能挺实[详细]
-
CSS自适应窗口大小的容器效果
所属栏目:[专访] 日期:2018-08-23 热度:157
CSS自适应窗口大小的容器居中,在内层的容器中,你可以输入一些文字,内层窗口会随着窗口的大小而自动适应,而且它始终是水平和垂直居中的,实用性大大增强,对此感兴趣的朋友好好参考一下哦。 代码演示: htmlheadstyle type=text/css*{margin:0; padding[详细]
-
仿QQ面板分组展开收缩,JS+CSS实现的代码
所属栏目:[专访] 日期:2018-08-19 热度:182
CSS3、HTML5、 jQuery 等优秀WEB开发语言的到来,给我们带来的并非一般的体验,在体验新鲜的时候,烈火再给大家送上一个CSS+JS实现的特效,一款看上去类似QQ面板分组的效果,当我们的鼠标经过分组时,不用点击,分组自动展开,效果挺不错的,界面风格设计[详细]
-
纯Css绘制出逼真的扑克牌,附花色切换代码
所属栏目:[专访] 日期:2018-08-19 热度:170
文中使用纯CSS实现了扑克牌效果,这是来自国外大牛的作品?当您查看到该效果时肯定会以为是一张图片,可以当您右击的时候,却什么图片也没有,再查看源代码,也没有调用任何图片,顿时有点诧异,CSS果然很牛,或是作者水平比较牛?这也能用CSS来实现啊![详细]
-
js+css实现鼠标滑过触发行、列同时变色
所属栏目:[专访] 日期:2018-08-19 热度:92
以前,烈火介绍过表格隔行换色及鼠标经过变色的效果,本文的特效代码有所不同,在下面的例子中,并没有实现隔行换色,仅实现了鼠标响应表格行、列同时变色的效果,也就是说鼠标在表格上的变色区域是【十】字,至少是【Г】字,不多说了,大家自己看效果吧[详细]
-
XML+Css实现简单的网页走势图效果
所属栏目:[专访] 日期:2018-08-19 热度:127
关于网页中的动态走势图,我们一般看到的都是使用flash实现的,与本文中介绍的例子不太相同,本文中的效果是基于XML+Html技术实现的,在网页上显示简易的走势图(静态)。另外,边线对齐还有点小问题,本例仅供参考。 效果演示: !DOCTYPE HTML PUBLIC -//[详细]
-
兼容火狐浏览器的offsetX效果 js+css实现
所属栏目:[专访] 日期:2018-08-19 热度:193
兼容firefox的offsetX,计算鼠标位置(触发元素与窗口的距离,计算从触发到root间所有元素的offsetLeft值之和。 此类特效,我们用的不多,不过可以学习一下js与css的完美结合,在以后的网页制作过程中有很大帮助。 效果如下: htmlheadtitle兼容firefox的off[详细]
-
js+css实现点小图动态遮罩弹出大图特效
所属栏目:[专访] 日期:2018-08-19 热度:179
js+css实现点小图动态遮罩弹出大图特效 这是使用 Java Script与CSS共同实现的点小图弹大图效果代码,采用了比较流行的遮罩层效果,当点击小图后,动态弹出大图,同时实现了点击关闭功能,兼容IE6/7/8,火狐下表现也不错,代码中有注释,使用前请注意注释部[详细]
-
CSS+JS实现的滑动TAB,滑动门的特效代码
所属栏目:[专访] 日期:2018-08-19 热度:76
滑动TAB,滑动门,CSS+Js代码,貌似很不错的样子,风格经典,鼠标感应很不错,代码量少,用到网页上挺不错的。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://[详细]
-
CSS文章列表代码 DIV LI UL 的基本运用
所属栏目:[专访] 日期:2018-08-19 热度:92
本文介绍的不算是网页特效,而一款标准新闻文章列表的代码,代码使用了div ul li等标记,总体来说比较简洁,没有过多的修饰,如果你想使用的话,可以进行相关的修改。 重点学习如何使用UL/LI来布局列表,这也是CSS前端编程最常见常用的基本技巧,本列表符[详细]
-
js 滑动门,CSS 实现小箭头指向区域内容
所属栏目:[专访] 日期:2018-08-19 热度:84
CSS滑动门代码推荐:带小三角指引的滑动门,有朋友说在IE6下看不到效果,其实能看到,因为那个小三角颜色比较淡,有时候因显示器的原因看不太清,其实这个颜色是自己可以控制的,改一下就行了,带三角指引后,使整个滑动门的结构更清淅,导向性更合理。 点[详细]
-
js+css实现星号评分投票的实例代码
所属栏目:[专访] 日期:2018-08-19 热度:58
本文介绍的是使用CSS+JS制作的用于文章评论投票的星形示例,不要以为是用到了图片哦,其实这些星形完全是由CSS修饰出来的,无图片版,这样不影响网页加载的速度,而且修改也方便,只需调整颜色和大小就行了。 下面是实例演示: htmlheadtitle星形投票示例([详细]
-
纯css实现三角形图标的特殊代码,值得参考
所属栏目:[专访] 日期:2018-08-16 热度:70
继续介绍关于纯Css打造三角形的代码,尤其本文与之前的文章还是有相同之处的,强烈建议大家好好学习一下。编写起来挺简单,CSS初学者也容易看懂。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title三[详细]
-
Css代码:em标签实现li列表中小三角形效果
所属栏目:[专访] 日期:2018-08-16 热度:198
本文向大家介绍的文章是一个纯Css代码,利用em标签实现li列表中小三角形效果,之前的文章中烈火网已经介绍了许多纯css三角形,但是关于这种效果的还是首例,希望对大家的网页布局有所帮助。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type con[详细]
-
jQuery表单美化代码:ul模拟select的实现效果
所属栏目:[专访] 日期:2018-08-16 热度:116
一款 jQuery 实现的表单美化代码,主要是将ul模拟为select效果,关于jQuery美化或CSS美化表单的例子烈火网还有很多,大家可以通过本站的表单美化标签进行索引。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版[详细]
-
鼠标经过图片时,其它区域变暗,图片“高亮”显示
所属栏目:[专访] 日期:2018-08-16 热度:120
jQuery 实现的一个小特效,当鼠标经过图片时,其它区域自动变暗,看上去图片高亮显示了,其实鼠标所在的图片并没有加亮,而其它区域变暗给它带来的高亮显示感觉,给其以突出的感觉,对于网站的用户体验还是非常不错的,推荐大家使用。 为解决一些网页特效[详细]
-
纯Css构建动感炫酷的Logo标志,Css3代码
所属栏目:[专访] 日期:2018-08-16 热度:156
纯Css3构建动感炫酷的Logo标志,在 IE8 及以下浏览器只能看到非常普通的效果,如果您想看到动态的效果,请使用 IE9 、火狐、 Chrome 等浏览器,烈火小编在Chrome下演示的效果 截图 如下: 再看运行效果: !doctype htmlhtmlheadmeta http-equiv=content-ty[详细]
-
CSS+JS等宽的DIV格子堆砌,瀑布流布局效果
所属栏目:[专访] 日期:2018-08-16 热度:113
CSS+JS等宽的DIV层格子堆砌,瀑布流布局效果。本例中,使用CSS设计布局等宽的Div格子,将这些层堆砌在一起的,自动适应,网人有人把它叫做瀑布流的布局,因为整体看上去第一个Div块就像流水的瀑布一样,紧挨着堆砌在一起,是学习CSS定位的好范例。 示例:[详细]
-
Css美化的一个分页样式,响应鼠标放大页码
所属栏目:[专访] 日期:2018-08-16 热度:93
Css美化的一个分页样式,响应鼠标放大页码。这是一个非常有趣的放大分页效果,主要是练习CSS布局,本效果带有鼠标效果,在鼠标放上的时候,按钮会放大,移开的时候就还原了,我觉得相当不错的功能。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tr[详细]
-
CSS绘制三角形,Css中Border属性斜线完成
所属栏目:[专访] 日期:2018-08-16 热度:188
CSS绘制三角形,经常访问烈火网的朋友应该阅读过《Css border 用法实现各种图形》的系列教程,今天我们再来学习同样的文章,还是利用Css中Border属性完成的三角形,与以前发表的CSS三角形教程用法几乎相同,欢迎学习和参考。 示例: !DOCTYPE htmlhtml xml[详细]