-
用Css定义不同的鼠标光标指针样式代码
所属栏目:[专访] 日期:2018-10-03 热度:64
鼠标的指针大家再熟悉不过了,熟悉的甚至忘了它们的存在。用CSS我们可以将这些光标指针一一展现出来,本例将展现给大家用CSS实现拖动符的光标、链接小手、移动光标、带问号的光标、不可操作的光标、小手光标、带运行符的光标、上下拖动的光标、普通打字光[详细]
-
一款简洁、实用、带箭头的CSS流程图代码
所属栏目:[专访] 日期:2018-10-03 热度:198
烈27火51网(LieHuo15.Net)教22程 一款设计简洁、实用的CSS箭头流程图特效,用在帮助中合适,或者用在安装程序及用户索引上,指导用户第一步、第二步干什么,也就是流程图,可以说是很适合埃那个小缺口不是CSS实现的,用了小图片,相对简单些,不过功能挺实[详细]
-
CSS自适应窗口大小的容器效果
所属栏目:[专访] 日期:2018-10-03 热度:87
CSS自适应窗口大小的容器居中,在内层的容器中,你可以输入一些文字,内层窗口会随着窗口的大小而自动适应,而且它始终是水平和垂直居中的,实用性大大增强,对此感兴趣的朋友好好参考一下哦。 代码演示: htmlheadstyle type=text/css*{margin:0; padding[详细]
-
仿QQ面板分组展开收缩,JS+CSS实现的代码
所属栏目:[专访] 日期:2018-09-24 热度:129
CSS3、HTML5、 jQuery 等优秀WEB开发语言的到来,给我们带来的并非一般的体验,在体验新鲜的时候,烈火再给大家送上一个CSS+JS实现的特效,一款看上去类似QQ面板分组的效果,当我们的鼠标经过分组时,不用点击,分组自动展开,效果挺不错的,界面风格设计[详细]
-
纯Css绘制出逼真的扑克牌,附花色切换代码
所属栏目:[专访] 日期:2018-09-24 热度:156
文中使用纯CSS实现了扑克牌效果,这是来自国外大牛的作品?当您查看到该效果时肯定会以为是一张图片,可以当您右击的时候,却什么图片也没有,再查看源代码,也没有调用任何图片,顿时有点诧异,CSS果然很牛,或是作者水平比较牛?这也能用CSS来实现啊![详细]
-
js+css实现鼠标滑过触发行、列同时变色
所属栏目:[专访] 日期:2018-09-24 热度:103
以前,烈火介绍过表格隔行换色及鼠标经过变色的效果,本文的特效代码有所不同,在下面的例子中,并没有实现隔行换色,仅实现了鼠标响应表格行、列同时变色的效果,也就是说鼠标在表格上的变色区域是【十】字,至少是【Г】字,不多说了,大家自己看效果吧[详细]
-
XML+Css实现简单的网页走势图效果
所属栏目:[专访] 日期:2018-09-24 热度:166
关于网页中的动态走势图,我们一般看到的都是使用flash实现的,与本文中介绍的例子不太相同,本文中的效果是基于XML+Html技术实现的,在网页上显示简易的走势图(静态)。另外,边线对齐还有点小问题,本例仅供参考。 效果演示: !DOCTYPE HTML PUBLIC -//[详细]
-
兼容火狐浏览器的offsetX效果 js+css实现
所属栏目:[专访] 日期:2018-09-24 热度:201
兼容firefox的offsetX,计算鼠标位置(触发元素与窗口的距离,计算从触发到root间所有元素的offsetLeft值之和。 此类特效,我们用的不多,不过可以学习一下js与css的完美结合,在以后的网页制作过程中有很大帮助。 效果如下: htmlheadtitle兼容firefox的off[详细]
-
js+css实现点小图动态遮罩弹出大图特效
所属栏目:[专访] 日期:2018-09-24 热度:88
js+css实现点小图动态遮罩弹出大图特效 这是使用 Java Script与CSS共同实现的点小图弹大图效果代码,采用了比较流行的遮罩层效果,当点击小图后,动态弹出大图,同时实现了点击关闭功能,兼容IE6/7/8,火狐下表现也不错,代码中有注释,使用前请注意注释部[详细]
-
CSS+JS实现的滑动TAB,滑动门的特效代码
所属栏目:[专访] 日期:2018-09-24 热度:164
滑动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-09-24 热度:145
本文介绍的不算是网页特效,而一款标准新闻文章列表的代码,代码使用了div ul li等标记,总体来说比较简洁,没有过多的修饰,如果你想使用的话,可以进行相关的修改。 重点学习如何使用UL/LI来布局列表,这也是CSS前端编程最常见常用的基本技巧,本列表符[详细]
-
js 滑动门,CSS 实现小箭头指向区域内容
所属栏目:[专访] 日期:2018-09-24 热度:98
CSS滑动门代码推荐:带小三角指引的滑动门,有朋友说在IE6下看不到效果,其实能看到,因为那个小三角颜色比较淡,有时候因显示器的原因看不太清,其实这个颜色是自己可以控制的,改一下就行了,带三角指引后,使整个滑动门的结构更清淅,导向性更合理。 点[详细]
-
js+css实现星号评分投票的实例代码
所属栏目:[专访] 日期:2018-09-24 热度:113
本文介绍的是使用CSS+JS制作的用于文章评论投票的星形示例,不要以为是用到了图片哦,其实这些星形完全是由CSS修饰出来的,无图片版,这样不影响网页加载的速度,而且修改也方便,只需调整颜色和大小就行了。 下面是实例演示: htmlheadtitle星形投票示例([详细]
-
CSS实现图文混排效果,图左文右下面列表
所属栏目:[专访] 日期:2018-09-13 热度:112
烈火网(LieHuo.Net)CSS网页特效教程,其实这也算不得什么特效,在以前的文章中,烈火提到过所谓的网页特效一般是针对javascript而言的,近几年优秀js框架 jQuery 的出现,更让网页特效有了新一轮革新,好了,不多说费话,来看今天的教程。 本文中,主要是[详细]
-
仿阿里巴巴字母滑动门效果[javascrip+css]
所属栏目:[专访] 日期:2018-09-13 热度:168
在以前的教程中,烈火曾经多次介绍滑动门给大家,另外还有一些滑动的菜单,今天要给朋友介绍的也是其中一例,可能有很多朋友都见过,这就是仿阿里巴巴的字母菜单滑动特效。 这个字母轮换其实就是一个比较大的滑动门,至少来说原理是一样的,代码由 Java Sc[详细]
-
鼠标经过CSS小方块膨胀效果,基于jQuery编写
所属栏目:[专访] 日期:2018-09-13 热度:84
这是一个利用了 jQuery 脚本编写的功能非常差的一个特效,可能还利用不了jQuery的千分之一功能,但是通过这个特效实例,可以启发我们做一些其它的东西出来,在以后的WEB开发过程中,我想jQuery是必不可少的了,那么从每个方面利用和学习jQuery是我们学习的[详细]
-
基于jQuery+Css设计的评论盖楼效果代码
所属栏目:[专访] 日期:2018-09-13 热度:173
最近,很多朋友咨询关于烈火使用 DedeCMS 5.5版本的ajax评论系统改造的盖楼系统,由于修改较多,目前还无法拿出来给分享,不过烈火在网上某博客发现一款基于 jQuery 设计的评论回复引用(盖楼)效果,现在就把这款代码发布出来给大家。 最终效果: !DOCTYP[详细]
-
JS+CSS打造的3D圆形,可控制左右旋转
所属栏目:[专访] 日期:2018-09-13 热度:98
一段 Java Script+CSS写的代码,实现一个3D圆形样式的JavaScript图片旋转展示代码,这里为了演示方便,将图片替换成了数字,预留出了图片的位置,这样速度快些,会HTML的朋友都知道用时候该怎么做。本图片旋转需要手动控制,每点击一下,图片旋转一次,可[详细]
-
CSS省略号效果,超过长度显示省略号
所属栏目:[专访] 日期:2018-09-13 热度:140
烈火网(LieHuo.Net)教程 有时候,我们的网页内容长短不一,这时候为了页面的整洁,我们需要使用省略号来控制。在本文的教程中,烈火网就给大家介绍一个真正的CSS省略号效果,超出范围自动变成省略号。但是,使用鼠标可以完全选择文字,非常酷的 看一下效果[详细]
-
多款模拟滚动条效果 JS+CSS实现代码
所属栏目:[专访] 日期:2018-09-13 热度:158
这是烈火小编从网上转过来的。做了些修改,其实写的比较糟糕(我指的是构造) 我用的是以前的一个drag类 在这个基础上在的来完成的Slider ,其实这样代码产生些了冗余.......不如单独写个Slider类 做为第一个版本还是保存起来 有时间的话 试着单独的写个Slid[详细]
-
JavaScript+css打造的精美日历控件
所属栏目:[专访] 日期:2018-09-13 热度:119
烈火网(LieHuo.Net)教程 一款利用 Java Script+css打造的精美日历控件,非常不错,在 IE浏览器 下测试通过,其它浏览器没有测试,代码有点乱,喜欢的朋友自己整理一下,请见下面的代码与演示: titleJavascript+css打造的精美日历控件 - Liehuo.Net/titles[详细]
-
JavaScript+Css 实现跟随鼠标的悬停提示信息
所属栏目:[专访] 日期:2018-09-13 热度:93
烈火网(LieHuo.Net)教程 在以前的网页特效中,我们曾经提到过用纯CSS实现的TIPS提示信息,例如《Css实现鼠标悬停提示文字信息的效果》和《CSS打造的超级链接悬停效果代码》,在上两篇特效中实现的悬停效果都非常简单,并且不能跟随鼠标,今天我们就来看一[详细]
-
JavaScript+Css 制作的烟花效果代码
所属栏目:[专访] 日期:2018-09-13 热度:101
以前看csdn上有人写的烟花,非常漂亮,一直想写。结果这么长的学习,算是可以一试了,发个0.5版本。仅供一笑,现在的问题是: 计时器 有2个,非常影响效率,在想办法改进中。没有按照面对对象的写法。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
CSS给select下拉列表的文字增加背景色
所属栏目:[专访] 日期:2018-08-20 热度:87
CSS给Selcet下拉列表的选项增加背景色,看上去更醒目一些,加背景颜色实际也挺简单,说的再好不如自己看一下,你看了代码就知道了。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit[详细]
-
CSS fieldset 标签完成简单美化的表单代码
所属栏目:[专访] 日期:2018-08-20 热度:190
CSS fieldset 标签完成简单美化的表单代码,虽然它是一个表单,但对本例的教学意义来说应该划分到CSS类吧,用fieldset布置表单,简直是太方便了,不知道它的人,有可能会用UL/LI来布局表单,不是不可以,但精确布局表单结构会带来很大麻烦,何不使用fields[详细]