-
CSS实现图文混排效果,图左文右下面列表
所属栏目:[专访] 日期:2018-08-20 热度:174
烈火网(LieHuo.Net)CSS网页特效教程,其实这也算不得什么特效,在以前的文章中,烈火提到过所谓的网页特效一般是针对javascript而言的,近几年优秀js框架 jQuery 的出现,更让网页特效有了新一轮革新,好了,不多说费话,来看今天的教程。 本文中,主要是[详细]
-
仿阿里巴巴字母滑动门效果[javascrip+css]
所属栏目:[专访] 日期:2018-08-20 热度:72
在以前的教程中,烈火曾经多次介绍滑动门给大家,另外还有一些滑动的菜单,今天要给朋友介绍的也是其中一例,可能有很多朋友都见过,这就是仿阿里巴巴的字母菜单滑动特效。 这个字母轮换其实就是一个比较大的滑动门,至少来说原理是一样的,代码由 Java Sc[详细]
-
鼠标经过CSS小方块膨胀效果,基于jQuery编写
所属栏目:[专访] 日期:2018-08-20 热度:141
这是一个利用了 jQuery 脚本编写的功能非常差的一个特效,可能还利用不了jQuery的千分之一功能,但是通过这个特效实例,可以启发我们做一些其它的东西出来,在以后的WEB开发过程中,我想jQuery是必不可少的了,那么从每个方面利用和学习jQuery是我们学习的[详细]
-
基于jQuery+Css设计的评论盖楼效果代码
所属栏目:[专访] 日期:2018-08-20 热度:166
最近,很多朋友咨询关于烈火使用 DedeCMS 5.5版本的ajax评论系统改造的盖楼系统,由于修改较多,目前还无法拿出来给分享,不过烈火在网上某博客发现一款基于 jQuery 设计的评论回复引用(盖楼)效果,现在就把这款代码发布出来给大家。 最终效果: !DOCTYP[详细]
-
JS+CSS打造的3D圆形,可控制左右旋转
所属栏目:[专访] 日期:2018-08-20 热度:183
一段 Java Script+CSS写的代码,实现一个3D圆形样式的JavaScript图片旋转展示代码,这里为了演示方便,将图片替换成了数字,预留出了图片的位置,这样速度快些,会HTML的朋友都知道用时候该怎么做。本图片旋转需要手动控制,每点击一下,图片旋转一次,可[详细]
-
CSS省略号效果,超过长度显示省略号
所属栏目:[专访] 日期:2018-08-20 热度:62
烈火网(LieHuo.Net)教程 有时候,我们的网页内容长短不一,这时候为了页面的整洁,我们需要使用省略号来控制。在本文的教程中,烈火网就给大家介绍一个真正的CSS省略号效果,超出范围自动变成省略号。但是,使用鼠标可以完全选择文字,非常酷的 看一下效果[详细]
-
多款模拟滚动条效果 JS+CSS实现代码
所属栏目:[专访] 日期:2018-08-20 热度:151
这是烈火小编从网上转过来的。做了些修改,其实写的比较糟糕(我指的是构造) 我用的是以前的一个drag类 在这个基础上在的来完成的Slider ,其实这样代码产生些了冗余.......不如单独写个Slider类 做为第一个版本还是保存起来 有时间的话 试着单独的写个Slid[详细]
-
JavaScript+css打造的精美日历控件
所属栏目:[专访] 日期:2018-08-20 热度:179
烈火网(LieHuo.Net)教程 一款利用 Java Script+css打造的精美日历控件,非常不错,在 IE浏览器 下测试通过,其它浏览器没有测试,代码有点乱,喜欢的朋友自己整理一下,请见下面的代码与演示: titleJavascript+css打造的精美日历控件 - Liehuo.Net/titles[详细]
-
JavaScript+Css 实现跟随鼠标的悬停提示信息
所属栏目:[专访] 日期:2018-08-20 热度:117
烈火网(LieHuo.Net)教程 在以前的网页特效中,我们曾经提到过用纯CSS实现的TIPS提示信息,例如《Css实现鼠标悬停提示文字信息的效果》和《CSS打造的超级链接悬停效果代码》,在上两篇特效中实现的悬停效果都非常简单,并且不能跟随鼠标,今天我们就来看一[详细]
-
JavaScript+Css 制作的烟花效果代码
所属栏目:[专访] 日期:2018-08-20 热度:125
以前看csdn上有人写的烟花,非常漂亮,一直想写。结果这么长的学习,算是可以一试了,发个0.5版本。仅供一笑,现在的问题是: 计时器 有2个,非常影响效率,在想办法改进中。没有按照面对对象的写法。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
CSS实现的3D旋转(三维)效果,transform-style
所属栏目:[专访] 日期:2018-08-16 热度:142
一款CSS实现的3D旋转(三维)效果,叫作:transform-style实例,小编分别在 IE8 、opera下测试均无法显示效果,在IE下显示的是层叠效果,在opera下显示的层重叠效果,在chrome浏览器下可以显示三维旋转的层,效果还是非常不错的。 演示: !DOCTYPE htmlhtm[详细]
-
鼠标悬停时图片加边框效果,已杜绝图片移位
所属栏目:[专访] 日期:2018-08-16 热度:111
鼠标悬停时图片加边框效果,有许多童鞋都试过鼠标滑过图片给其加边框吧,但是您加的边框有没有图片移位呢?本文就实现了图片不移位。 当鼠标滑过图片时,图片出现用CSS定义的外框,但很多时候,加了边框后,图片要产生位移,影响整体效果,本例的三种方法[详细]
-
用CSS的cursor属性来改变鼠标形状样式显示
所属栏目:[专访] 日期:2018-08-16 热度:117
用CSS的cursor属性来改变鼠标形状样式显示,我们比较熟悉而又陌生的效果,比如您将鼠标放在链接上时显示手形,将鼠标放在文本上则显示I形,各种形状,大家一起来看看烈火网给大家展示的代码和相关使用方法吧! 演示: htmlheadtitle用CSS来改变鼠标形状样[详细]
-
简单几行代码实现纯Css三角形,兼容Chrome
所属栏目:[专访] 日期:2018-08-16 热度:172
今天看到一个简单几行代码实现纯Css三角形代码,经过小编测试兼容 IE8 和 Chrome 浏览器,尽管这类的代码没有什么实用价值,但是学习一下还是非常不错的,一起来看下吧 示例代码: !DOCTYPE htmlhtmlheadtitle纯css三角形/titlestyle.veryhuosjx{height:0;[详细]
-
自定义滚动条颜色,Css改变网页滚动条样式
所属栏目:[专访] 日期:2018-08-16 热度:90
网页的滚动条是我们再熟悉不过的了,因为我们每天上网的时候都会看到它,并且还会经常点击并下拉他,作为站长或网页制作爱好者来说,如果您想给看了很久样子非常经典的滚动条换个颜色,怎么办呢,本文就是改变滚动条颜色的一个CSS实例,一起来看一下。 示[详细]
-
纯css实现三角形图标的特殊代码,值得参考
所属栏目:[专访] 日期:2018-08-16 热度:147
继续介绍关于纯Css打造三角形的代码,尤其本文与之前的文章还是有相同之处的,强烈建议大家好好学习一下。编写起来挺简单,CSS初学者也容易看懂。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title三[详细]
-
Css代码:em标签实现li列表中小三角形效果
所属栏目:[专访] 日期:2018-08-16 热度:159
本文向大家介绍的文章是一个纯Css代码,利用em标签实现li列表中小三角形效果,之前的文章中烈火网已经介绍了许多纯css三角形,但是关于这种效果的还是首例,希望对大家的网页布局有所帮助。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type con[详细]
-
jQuery表单美化代码:ul模拟select的实现效果
所属栏目:[专访] 日期:2018-08-16 热度:177
一款 jQuery 实现的表单美化代码,主要是将ul模拟为select效果,关于jQuery美化或CSS美化表单的例子烈火网还有很多,大家可以通过本站的表单美化标签进行索引。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版[详细]
-
鼠标经过图片时,其它区域变暗,图片“高亮”显示
所属栏目:[专访] 日期:2018-08-16 热度:65
jQuery 实现的一个小特效,当鼠标经过图片时,其它区域自动变暗,看上去图片高亮显示了,其实鼠标所在的图片并没有加亮,而其它区域变暗给它带来的高亮显示感觉,给其以突出的感觉,对于网站的用户体验还是非常不错的,推荐大家使用。 为解决一些网页特效[详细]
-
纯Css构建动感炫酷的Logo标志,Css3代码
所属栏目:[专访] 日期:2018-08-16 热度:143
纯Css3构建动感炫酷的Logo标志,在 IE8 及以下浏览器只能看到非常普通的效果,如果您想看到动态的效果,请使用 IE9 、火狐、 Chrome 等浏览器,烈火小编在Chrome下演示的效果 截图 如下: 再看运行效果: !doctype htmlhtmlheadmeta http-equiv=content-ty[详细]
-
CSS+JS等宽的DIV格子堆砌,瀑布流布局效果
所属栏目:[专访] 日期:2018-08-16 热度:171
CSS+JS等宽的DIV层格子堆砌,瀑布流布局效果。本例中,使用CSS设计布局等宽的Div格子,将这些层堆砌在一起的,自动适应,网人有人把它叫做瀑布流的布局,因为整体看上去第一个Div块就像流水的瀑布一样,紧挨着堆砌在一起,是学习CSS定位的好范例。 示例:[详细]
-
Css美化的一个分页样式,响应鼠标放大页码
所属栏目:[专访] 日期:2018-08-16 热度:61
Css美化的一个分页样式,响应鼠标放大页码。这是一个非常有趣的放大分页效果,主要是练习CSS布局,本效果带有鼠标效果,在鼠标放上的时候,按钮会放大,移开的时候就还原了,我觉得相当不错的功能。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tr[详细]
-
CSS绘制三角形,Css中Border属性斜线完成
所属栏目:[专访] 日期:2018-08-16 热度:168
CSS绘制三角形,经常访问烈火网的朋友应该阅读过《Css border 用法实现各种图形》的系列教程,今天我们再来学习同样的文章,还是利用Css中Border属性完成的三角形,与以前发表的CSS三角形教程用法几乎相同,欢迎学习和参考。 示例: !DOCTYPE htmlhtml xml[详细]
-
CSS仿表格斜线效果,CSS中border斜线效果
所属栏目:[专访] 日期:2018-08-16 热度:196
大家都知道Word中的表格是可以加斜线的,而在以前的教程,烈火小编也曾经发表过关于网页表格斜线(更简单的)的教程,今天我们就来看一个CSS仿表格斜线效果,CSS中border斜线效果。看似很简单,但是只设置一下Border的边框颜色就能有这样的效果,CSS水平有[详细]
-
Css层背景透明,文字不透明的实现代码
所属栏目:[专访] 日期:2018-08-16 热度:70
Css层背景透明,文字不透明的实现代码,注意Div内的文字,其实不需要设置绝对定位只需要相对定位就可以了。其实还有一种方法,那就是用两个DIV形成,并列关系 背景DIV和文字DIV是分开来的,然后用z-index确定谁在上、谁在下。 示例: !DOCTYPE htmlhtml xm[详细]

浙公网安备 33038102330484号