-
什么是css sprite?原理优缺点及使用实例
所属栏目:[创业] 日期:2018-09-14 热度:144
关于CSS Sprite CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目:[创业] 日期:2018-09-14 热度:157
关于禁止右键的文章,烈火也曾经提到过几篇,相关代码都比较冗长,不够精简,在本文中我们来看一个js+css简单实现的代码,可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码: body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目:[创业] 日期:2018-09-14 热度:138
在制作网站布局中,图片的自适应功能是一个非常重要的功能,一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现: max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
-
CSS+DIV层跨浏览器定位代码,附效果演示
所属栏目:[创业] 日期:2018-09-14 热度:68
本教程主要说的是纯CSS实现跨浏览器固定定位,这是个基础问题,关于CSS的相关知识,你可以参考烈火提供的CSS中文手册,关于此类问题,现在可以了解一下,但是在以后却要经常面对的问题,本代码不仅实现绝对定位,而且也实现了跨浏览器,参考一下便会明白了[详细]
-
橙色个性的导航菜单代码,适合团购网站使用
所属栏目:[创业] 日期:2018-09-14 热度:85
橙色个性的导航菜单代码,适合 团购 网站使用,没有使用 Java script技术,完全CSS代码实现,当初主要是想用在团购网站上,大家修改一下,可以用在各种各样的网站上。菜单两头的那个布局或许是你要研究的重要吧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
动态的网页Tab选项卡,点击链接弹出层效果
所属栏目:[创业] 日期:2018-09-14 热度:187
一个动态效果的网页选项卡,基于 jQuery 框架,点击链接旁边弹出层,在最开始的弹出瞬间,选项卡的卡片是动画展开的,依次点击其它的会随时显示对应内容。扩展性较强,灵活运用,会改造成其它的实用效果来。 为解决一些网页特效运行后不能显示效果(例如:[详细]
-
纯DIV+CSS实现的下拉导航菜单代码
所属栏目:[创业] 日期:2018-09-14 热度:95
又一款纯CSS+Div实现的下拉导航菜单,兼容性未测试完,在 IE8 下貌似完全正常,其它浏览器下不知道情况,想用的朋友自己测试下。本款CSS菜单没有用到修饰图片,纯CSS代码实现,便于修改风格。兼容性方面可以使用CSS Hack来实现兼容性修复。 示例: !DOCTYP[详细]
-
蓝色风格、响应鼠标的网站导航菜单,适合企业网站
所属栏目:[创业] 日期:2018-09-14 热度:127
蓝色风格、响应鼠标的网站导航菜单,适合软件公司使用,一个比较漂亮的菜单,鼠标移过菜单的时候,菜单的背景就变化了,觉得挺实用,也比较好看的菜单,除了软件公司可使用,企业一类的站都可以用。 演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/199[详细]
-
网站顶部收缩的广告通栏代码,基于jQuery打开和关闭
所属栏目:[创业] 日期:2018-09-14 热度:132
网站顶部收缩的广告通栏代码,基于 jQuery 框架,可以打开和关闭,类似于这样的效果,我们以前也曾经介绍过一些,大家可以使用烈火站内搜索查询一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点[详细]
-
仿Windows7风格的自定义网页右键菜单代码
所属栏目:[创业] 日期:2018-09-14 热度:93
仿Windows7风格的网页右键菜单,可以多级展开的右键菜单,类似于这样的实例烈火网以前的文章中有一些,现在不妨来回顾一下,例如《JavaScript模拟Windows系统右键菜单代码》、《JS+CSS替换网页右键菜单,动感,缓冲,兼容》、《巧用javascript自定义网页右键[详细]
-
滑动展开的手风琴代码,仿QQ面板的折叠菜单
所属栏目:[创业] 日期:2018-09-14 热度:146
简单实用、滑动展开的垂直导航菜单,也人把这种风格称为手风琴菜单,类似仿QQ面板的折叠菜单,鼠标放在任意一个菜单上,它会展开所属的二级菜单,很不错的选择,以前就分享过此类菜单,这次经过了代码优化升级,更人性化了。 演示: !DOCTYPE html PUBLIC[详细]
-
绿色风格、简洁、清爽的一级通栏菜单代码
所属栏目:[创业] 日期:2018-09-14 热度:194
绿色风格、简洁、清爽的一级通栏菜单代码,大家都喜欢的一种CSS菜单,绿色风格!还有新( )的小提示效果,用到了几张背景图片,大家顺着路径把图片下载下来吧。这款菜单整体感觉效果不错,兼容性又好,不管是用在你的网站或是学习研究CSS,都是不错的选择[详细]
-
2009年最好的50个CSS设计网站赏析
所属栏目:[创业] 日期:2018-09-10 热度:106
自2007年以来,我每年都会从Best Web Gallery整理新的CSS最好的网站给大家赏析,本文介绍的是今年2009年最佳的CSS设计。下边是我所整理的50个精美的网站。在这些网站中,我发现了里面很多都是简约优美serif字体设计,但是简单的设计和风格都非常强大。(烈[详细]
-
Web开发从头说起:理解css盒模型
所属栏目:[创业] 日期:2018-09-10 热度:121
在掌握了丰富而强大的css选择符之后,就具备了将css样式根据需要应用到网页中任何元素的能力。能够应用规则了,接下来就需要熟练掌握规则的制定方法什么样的属性组合能够实现什么样的效果。一般的颜色、字体、字号、行高等的设置比较容易掌握,而初学者在[详细]
-
如何用CSS设计一个大背景的站点
所属栏目:[创业] 日期:2018-09-10 热度:182
自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中,我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 普遍的错误:被裁切的背景([详细]
-
CSS教程:样式化顺序列表
所属栏目:[创业] 日期:2018-09-10 热度:157
绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大[详细]
-
超级简单的DIV+CSS网页布局
所属栏目:[创业] 日期:2018-09-10 热度:87
这篇文章演示在一个页面上有效的使用div元素来构建网站,而不是使用table元素。因为div元素有很多优势,所以大部分客户开发网站要求设计开发div元素,而不是table元素。上面的代码是是为了给初学者学习使用div元素开发网站的。 下面解释为什么使用div元素[详细]
-
前台开发从头说起:谈谈CSS选择符
所属栏目:[创业] 日期:2018-09-10 热度:177
以前我接受了网上不少博文的说法,一直认为学习css的三大最重要问题是:盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析,xhtml要实现和css的解耦,就要尽量不依赖于css(或者说不要纯粹为了给css预留接口而添加不必[详细]
-
CSS3:nth-child()伪类选择器
所属栏目:[创业] 日期:2018-09-10 热度:132
CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上标准。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性[详细]
-
CSS同辈元素定位方式与z-index的总结
所属栏目:[创业] 日期:2018-09-10 热度:52
烈火网(LieHuo.Net)教程 CSS同辈元素定位方式与z-index的总结,同辈元素定位方式相同,且无z-index设置时,html靠后者居上,请看下面的示例源码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-t[详细]
-
多浏览器兼容性问题及解决方案之CSS篇
所属栏目:[创业] 日期:2018-09-10 热度:194
CSS跟 Java Script开发中,最令大家头疼的问题就是浏览器兼容性了,虽然很多文章有这方面的文章,但依然让很多开发人员晕头转向,而且也不够全面。这篇文章,将全面收集css在各种浏览器下的兼容性报告,以及浏览器的渲染bug,也期待各位不断补充。 兼容性[详细]
-
用css3 tranistions实现平滑过渡
所属栏目:[创业] 日期:2018-09-10 热度:162
副标题#e# Css tranistions允许元素的属性在单位时间内发生平滑的过渡,在阅读完《CSS Transitions Module Level 3》之后,我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀),但相信在不久的将来[详细]
-
译文:JavaScript框架比较–实用函数(四)
所属栏目:[创业] 日期:2018-09-10 热度:192
实用函数 许多 Java Script框架都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组,你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目:[创业] 日期:2018-09-09 热度:60
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,影响页面性能。 网上查了些资料,说是在ie和opera中,只要窗口的边框移动一个像素,resize事件就触发;而在mozilla中,只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文:JavaScript框架比较(三)
所属栏目:[创业] 日期:2018-09-09 热度:88
DOM操作 在此之前,你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是,为了改变网页上特定元素的内容和外观,你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作,但幸运的是,大多数JavaScript框架提供有用[详细]

浙公网安备 33038102330434号