-
CSS文章列表代码 DIV LI UL 的基本运用
所属栏目:[专访] 日期:2018-08-26 热度:113
本文介绍的不算是网页特效,而一款标准新闻文章列表的代码,代码使用了div ul li等标记,总体来说比较简洁,没有过多的修饰,如果你想使用的话,可以进行相关的修改。 重点学习如何使用UL/LI来布局列表,这也是CSS前端编程最常见常用的基本技巧,本列表符[详细]
-
js 滑动门,CSS 实现小箭头指向区域内容
所属栏目:[专访] 日期:2018-08-26 热度:118
CSS滑动门代码推荐:带小三角指引的滑动门,有朋友说在IE6下看不到效果,其实能看到,因为那个小三角颜色比较淡,有时候因显示器的原因看不太清,其实这个颜色是自己可以控制的,改一下就行了,带三角指引后,使整个滑动门的结构更清淅,导向性更合理。 点[详细]
-
js+css实现星号评分投票的实例代码
所属栏目:[专访] 日期:2018-08-26 热度:101
本文介绍的是使用CSS+JS制作的用于文章评论投票的星形示例,不要以为是用到了图片哦,其实这些星形完全是由CSS修饰出来的,无图片版,这样不影响网页加载的速度,而且修改也方便,只需调整颜色和大小就行了。 下面是实例演示: htmlheadtitle星形投票示例([详细]
-
CSS实现图文混排效果,图左文右下面列表
所属栏目:[专访] 日期:2018-08-22 热度:117
烈火网(LieHuo.Net)CSS网页特效教程,其实这也算不得什么特效,在以前的文章中,烈火提到过所谓的网页特效一般是针对javascript而言的,近几年优秀js框架 jQuery 的出现,更让网页特效有了新一轮革新,好了,不多说费话,来看今天的教程。 本文中,主要是[详细]
-
仿阿里巴巴字母滑动门效果[javascrip+css]
所属栏目:[专访] 日期:2018-08-22 热度:190
在以前的教程中,烈火曾经多次介绍滑动门给大家,另外还有一些滑动的菜单,今天要给朋友介绍的也是其中一例,可能有很多朋友都见过,这就是仿阿里巴巴的字母菜单滑动特效。 这个字母轮换其实就是一个比较大的滑动门,至少来说原理是一样的,代码由 Java Sc[详细]
-
鼠标经过CSS小方块膨胀效果,基于jQuery编写
所属栏目:[专访] 日期:2018-08-22 热度:77
这是一个利用了 jQuery 脚本编写的功能非常差的一个特效,可能还利用不了jQuery的千分之一功能,但是通过这个特效实例,可以启发我们做一些其它的东西出来,在以后的WEB开发过程中,我想jQuery是必不可少的了,那么从每个方面利用和学习jQuery是我们学习的[详细]
-
基于jQuery+Css设计的评论盖楼效果代码
所属栏目:[专访] 日期:2018-08-22 热度:200
最近,很多朋友咨询关于烈火使用 DedeCMS 5.5版本的ajax评论系统改造的盖楼系统,由于修改较多,目前还无法拿出来给分享,不过烈火在网上某博客发现一款基于 jQuery 设计的评论回复引用(盖楼)效果,现在就把这款代码发布出来给大家。 最终效果: !DOCTYP[详细]
-
JS+CSS打造的3D圆形,可控制左右旋转
所属栏目:[专访] 日期:2018-08-22 热度:122
一段 Java Script+CSS写的代码,实现一个3D圆形样式的JavaScript图片旋转展示代码,这里为了演示方便,将图片替换成了数字,预留出了图片的位置,这样速度快些,会HTML的朋友都知道用时候该怎么做。本图片旋转需要手动控制,每点击一下,图片旋转一次,可[详细]
-
CSS省略号效果,超过长度显示省略号
所属栏目:[专访] 日期:2018-08-22 热度:104
烈火网(LieHuo.Net)教程 有时候,我们的网页内容长短不一,这时候为了页面的整洁,我们需要使用省略号来控制。在本文的教程中,烈火网就给大家介绍一个真正的CSS省略号效果,超出范围自动变成省略号。但是,使用鼠标可以完全选择文字,非常酷的 看一下效果[详细]
-
多款模拟滚动条效果 JS+CSS实现代码
所属栏目:[专访] 日期:2018-08-22 热度:55
这是烈火小编从网上转过来的。做了些修改,其实写的比较糟糕(我指的是构造) 我用的是以前的一个drag类 在这个基础上在的来完成的Slider ,其实这样代码产生些了冗余.......不如单独写个Slider类 做为第一个版本还是保存起来 有时间的话 试着单独的写个Slid[详细]
-
JavaScript+css打造的精美日历控件
所属栏目:[专访] 日期:2018-08-22 热度:170
烈火网(LieHuo.Net)教程 一款利用 Java Script+css打造的精美日历控件,非常不错,在 IE浏览器 下测试通过,其它浏览器没有测试,代码有点乱,喜欢的朋友自己整理一下,请见下面的代码与演示: titleJavascript+css打造的精美日历控件 - Liehuo.Net/titles[详细]
-
JavaScript+Css 实现跟随鼠标的悬停提示信息
所属栏目:[专访] 日期:2018-08-22 热度:79
烈火网(LieHuo.Net)教程 在以前的网页特效中,我们曾经提到过用纯CSS实现的TIPS提示信息,例如《Css实现鼠标悬停提示文字信息的效果》和《CSS打造的超级链接悬停效果代码》,在上两篇特效中实现的悬停效果都非常简单,并且不能跟随鼠标,今天我们就来看一[详细]
-
JavaScript+Css 制作的烟花效果代码
所属栏目:[专访] 日期:2018-08-22 热度:195
以前看csdn上有人写的烟花,非常漂亮,一直想写。结果这么长的学习,算是可以一试了,发个0.5版本。仅供一笑,现在的问题是: 计时器 有2个,非常影响效率,在想办法改进中。没有按照面对对象的写法。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
CSS+JS等宽的DIV格子堆砌,瀑布流布局效果
所属栏目:[专访] 日期:2018-08-19 热度:100
CSS+JS等宽的DIV层格子堆砌,瀑布流布局效果。本例中,使用CSS设计布局等宽的Div格子,将这些层堆砌在一起的,自动适应,网人有人把它叫做瀑布流的布局,因为整体看上去第一个Div块就像流水的瀑布一样,紧挨着堆砌在一起,是学习CSS定位的好范例。 示例:[详细]
-
Css美化的一个分页样式,响应鼠标放大页码
所属栏目:[专访] 日期:2018-08-19 热度:129
Css美化的一个分页样式,响应鼠标放大页码。这是一个非常有趣的放大分页效果,主要是练习CSS布局,本效果带有鼠标效果,在鼠标放上的时候,按钮会放大,移开的时候就还原了,我觉得相当不错的功能。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tr[详细]
-
CSS绘制三角形,Css中Border属性斜线完成
所属栏目:[专访] 日期:2018-08-19 热度:131
CSS绘制三角形,经常访问烈火网的朋友应该阅读过《Css border 用法实现各种图形》的系列教程,今天我们再来学习同样的文章,还是利用Css中Border属性完成的三角形,与以前发表的CSS三角形教程用法几乎相同,欢迎学习和参考。 示例: !DOCTYPE htmlhtml xml[详细]
-
CSS仿表格斜线效果,CSS中border斜线效果
所属栏目:[专访] 日期:2018-08-19 热度:110
大家都知道Word中的表格是可以加斜线的,而在以前的教程,烈火小编也曾经发表过关于网页表格斜线(更简单的)的教程,今天我们就来看一个CSS仿表格斜线效果,CSS中border斜线效果。看似很简单,但是只设置一下Border的边框颜色就能有这样的效果,CSS水平有[详细]
-
Css层背景透明,文字不透明的实现代码
所属栏目:[专访] 日期:2018-08-19 热度:75
Css层背景透明,文字不透明的实现代码,注意Div内的文字,其实不需要设置绝对定位只需要相对定位就可以了。其实还有一种方法,那就是用两个DIV形成,并列关系 背景DIV和文字DIV是分开来的,然后用z-index确定谁在上、谁在下。 示例: !DOCTYPE htmlhtml xm[详细]
-
CSS背景透明代码,基于CSS的Filter滤镜实现
所属栏目:[专访] 日期:2018-08-19 热度:103
网页上图片与CSS的结合,在 IE浏览器 下实现了背景透明效果(兼容 IE9 ),笔者没有在火狐和 Chrome 下进行测试,有背景透明和背景不透明两种代码,其实都是比较简单的网页特效,有必要掌握的牢固些,主要是用了CSS中的Filter滤镜,至于参数可以看代码,改[详细]
-
Css利用a:hover属性实现鼠标经过层变色
所属栏目:[专访] 日期:2018-08-19 热度:134
Css利用a:hover属性实现鼠标经过层变色,前段时间有些朋友在烈火网留言,想要鼠标滑过变换效果,今天给大家发一个例子,其实这一个鼠标滑过改变背景色的例子也不错,两者非常相似,通过定义A属性就能轻易实现,好好参考一下吧。 示例: !DOCTYPE htmlhtmlh[详细]
-
纯CSS模拟实现魅族 M8手机界面效果
所属栏目:[专访] 日期:2018-08-19 热度:166
纯CSS模拟实现魅族 M8手机界面效果,之前看见有人用css写了个机器猫 我也来练练手写了个M8 ,请使用 Firefox 3.x Chrome 2.x-5.x浏览 使用IE的飘过~ 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD[详细]
-
jquery结合CSS3完成的三维动画效果代码
所属栏目:[专访] 日期:2018-08-19 热度:178
jquery结合CSS3完成的三维动画效果代码,虽然效果不如Flash,但用CSs制作出这样的效果,已经很不错了。 什么?你看不到效果吗?哦,骚瑞。。。CSS3好像 IE9 以下版本不支持哦,用firefox或chrome(直接点击下边的链接)试试吧。 为解决一些网页特效运行后不[详细]
-
Css实现响应鼠标图片按钮链接翻转效果
所属栏目:[专访] 日期:2018-08-19 热度:185
Css 实现响应鼠标图片链接翻转效果,看标题能了解个大概吧,就是说。我们将鼠标放在带链接的图片上时,图片(按钮)自动切换,这可是纯CSS实现的哦,从而实现变换颜色背景的效果,详细效果自己看下边的代码吧。 演示: !DOCTYPE htmlstyle#emailUs{display[详细]
-
深访迅雷CEO陈磊,我们问了他13个问题
所属栏目:[专访] 日期:2018-04-10 热度:116
副标题#e# 作为一家 2003 年创立的公司,迅雷一直以“中国最好的下载工具”而被广大网友所熟知。但就在大概 3 个月前,迅雷开始了一场轰轰烈烈的复兴:股价从2. 9 美元直升 18 美元,股价最大波动涨幅达到800%。 巨大波动背后的原因也很简单,迅雷将其互联[详细]
-
对话蚁视CEO覃政:价值19亿美金的神秘黑科技“光场显示”到底是什么?
所属栏目:[专访] 日期:2018-04-10 热度:165
12 月 20 日夜里 10 点,神秘的Magic Leap终于发布了第一代开发者版本AR头显Magic Leap One。一时间在行业内引起不小震荡,众多科技媒体和行业技术大牛们纷纷通过其官网透漏的信息和图片对其技术原理进行了的研究和猜测。 光场显示技术一直是一个神秘的领[详细]