-
未定义高度的非表格垂直对齐的方法
所属栏目:[产品] 日期:2018-09-11 热度:195
图片与文本混排的时候想让图片相对于文本垂直居中实现方法如下: 注:display为inline-block的元素既可以像块状元素一样定义高度宽度,又可以和内联元素(比如文字)排列在一行。最常见的莫过于设计导航时,既可以像inline元素那样实现居中,又可以设置像bl[详细]
-
实现IE6下png图片透明的完美解决方法
所属栏目:[产品] 日期:2018-09-11 热度:143
我们都知道png是一种无损压缩的计算机图形格式,在表现力上,特别是Web设计方面,它能够达到其他图形格式所达不到的效果。但IE6对于PNG的不透明度支持的并不好。怎么解决呢?经过模索,终于找到了解决方案,如下: A:处理图片 1.用GIF代替,但周围会有毛[详细]
-
图片向上滚动在IE正常火狐失效的问题
所属栏目:[产品] 日期:2018-09-07 热度:186
烈火网(LieHuo.Net)教程 问题: 这段代码在IE里面是正确运行的,可以向上滚动。可是为什么在火狐里面就不动了呢。想了一天多了,请大家帮帮忙。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra[详细]
-
页脚footer始终显示在底部的布局代码
所属栏目:[产品] 日期:2018-09-07 热度:184
烈火网(LieHuo.Net)教程 今天看了一个国外的网页,其网页即使内容很少的情况下,它也始终在页面的底部。否则页面底部将留下大量空白。footer位置自适应,现在把代码发出来给大家看一下。 stylehtml, body, #wrap {height: 100%;}body #wrap {height: auto;[详细]
-
WEB开发常用HTTP头部字段的基本含义
所属栏目:[产品] 日期:2018-09-07 热度:166
1. Accept:告诉WEB服务器自己接受什么介质类型,*/* 表示任何类型,type/* 表示该类型下的所有子类型,type/sub-type。 2. Accept-Charset: 浏览器申明自己接收的字符集 Accept-Encoding: 浏览器申明自己接收的编码方法,通常指定压缩方法,是否支持压缩[详细]
-
滑动门菜单效果:Tab/选项卡/横向/竖向代码大全
所属栏目:[产品] 日期:2018-09-07 热度:163
烈火网(LieHuo.Net)教程 滑动门菜单效果:Tab/选项卡/横向/竖向代码大全,一款经典简洁的CSS滑动门代码,来自经典论坛,很多网站都见到过这种,代码并不多,非常实用。响应鼠标滑过而不是点击鼠标才切换,适你的需要了,滑动门的灵魂所在。 !DOCTYPE html[详细]
-
文字智能滚动效果 宽度不够时左右移动
所属栏目:[产品] 日期:2018-09-07 热度:185
烈火网(LieHuo.Net)教程 为什么说它是智能滚动呢?因为如果我们在布局网页的时候,预留的滚动区域太小的话,有可能文字会有一部分看不到,本款代码可以智能判断区域大小,如果不够显示文字,那么它会控制文字做相应的左右滚动,保证浏览者能看清楚文字,然[详细]
-
一个超级链接打开两个不同网址的代码
所属栏目:[产品] 日期:2018-09-07 热度:50
烈火网(LieHuo.Net)教程 在网页上,一个链接按以新开窗口、自身打开两种方式分别转向两个网址,以前或许你没有见过吧,其实这是与 Java Script配合才能完成的功能,虽然不经常用,不过有点意思,艺多不压身,呵呵。 !DOCTYPE html PUBLIC -//W3C//DTD XHTM[详细]
-
根据日期显示不同的文字提示效果代码
所属栏目:[产品] 日期:2018-09-07 热度:176
烈火网(LieHuo.Net)教程 Java Script定义文本随日期每天自动变化,可以用作单位的每日提醒,一个月中每一天的信息都可以自定义,JS函数会根据时间自动获取每天的信息显示出来,用途较广,请点击运行查看效果。 htmlheadtitle随日期每天自动变换的文本 - li[详细]
-
非常个性的文字闪烁(闪光字)实现代码
所属栏目:[产品] 日期:2018-09-07 热度:125
烈火网(LieHuo.Net)教程 JS+CSS制作的文字闪烁特效,饱含热情的镶边文字,能让人感觉到你的热情,同时也可以用作提示语,能充分引起人们的关注。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title非常个性的文字闪烁(闪光字)[详细]
-
文章页复制地址功能 兼容多浏览器代码
所属栏目:[产品] 日期:2018-09-07 热度:78
烈火网(LieHuo.Net)教程 使用 Java Script直接复制指定的内容,经过 Opera 、 Safari 、google、 Firefox 及IE等多个种类浏览器测试,均功能正常,因此兼容性没得说了,现在用不上的话,先收藏一下吧。 html xmlns=http://www.w3.org/1999/xhtmlheadmeta h[详细]
-
个性的网页 scrollBar 滚动条代码
所属栏目:[产品] 日期:2018-09-07 热度:118
烈火网(LieHuo.Net)教程 如果你想定制出一个漂亮的滚动条的话,这个JS特效可能会适合你,不过代码稍嫌麻烦些,但效果真的不错,代码含有中文注释,学习也是不错的,希望朋友们喜欢. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.[详细]
-
DATA URIS 是什么 DATA URIS 如何使用?
所属栏目:[产品] 日期:2018-09-07 热度:105
1.URI是什么? URI是uniform resource locator的简写,是一系列如何获得数据的协议。在一般的情况下,如果我们需要在HTML页面加入一个链接资源,如CSS、 Java Script文件或一个Image文件,其URL属性会告诉游览器去哪里下载这些文件,然后游览器会请求链接,[详细]
-
让Fiddler调试localhost和127.0.0.1
所属栏目:[产品] 日期:2018-09-07 热度:111
今天看到Lulu的闪存问到Cookie的问题,然后引发更多问题,突然想到昨晚使用Fiddler调试是否使用gzip压缩时,发现IE7下的localhost无法被捕获了。呵呵,然后就直接搜索了Fiddler localhost,找到了原因。 Copy to Clipboard 引用的内容:[www.veryhuo.com]I[详细]
-
网页打开时输入框自动获取焦点的方法
所属栏目:[产品] 日期:2018-09-07 热度:162
打开hao123主页,光标马上就会停在百度的搜索框里,打开百度也是这样,访客可以直接输入关键字来搜索,而不用将光标指在输入框并点击才激活,这样也就方便了网民。 这是怎么实现的呢?其实也就是一段 Java Script代码而已,看下面的代码: 把body标签改成[详细]
-
getElementsByAttribute
所属栏目:[产品] 日期:2018-09-07 热度:135
这个可以说属性选择符的JS版,用来遴选元素是适合不过。在开始之前,我们复习一下CSS2的属性选择符,JQuery高手可以跳过。 属性选择符: 当然属性值不定要用双引号,也可以用单引号,或干脆不写。属性值可以是字母,数字,或者gb2312等编码的文字,总之,[详细]
-
WEB 开发之设置文本框中焦点的位置
所属栏目:[产品] 日期:2018-09-07 热度:67
烈火网(LieHuo.Net)教程 前几天我们发表了《WEB 开发之关闭浏览器滚动条》、《Web 开发点滴:浏览器最大化》与《Web开发中如何使css样式书写规范》等文章,今天再来看一段WEB 开发之设置文本框中焦点的位置的例子:[详细]
-
超圆滑圆角框的半完美解决方案
所属栏目:[产品] 日期:2018-09-05 热度:114
导言:本文探讨的是圆角框的终极解决方案,其核心关键词是圆滑、完美、兼容、重用性、语义,这些技术都是收集目前网络上最流行的做法。纵观种种方法,各有其优势,请针对不同的环境分别使用。 圆角框,因为其样式比直角框漂亮,所以成为设计师心中偏爱的设[详细]
-
IE 浏览器的 setAttribute bug
所属栏目:[产品] 日期:2018-09-05 热度:91
烈火网(LieHuo.Net)教程 在IE6,IE7中,如果动态生成input元素,是无法为其设置name属性的。当然这bug已经在 IE8 中被修复,详见这里。由于name属性对表单元素非常重要(在提交表单时,与value属性组成键值对,发送到后台),因此必须留意这个bug。 !doctyp[详细]
-
网页设计之字体设置(中)
所属栏目:[产品] 日期:2018-09-05 热度:124
上一篇:网页设计之字体设置(上) 将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。○字体的样式(style)。字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。 ○[详细]
-
网页超级链接Title冒泡提示效果
所属栏目:[产品] 日期:2018-09-05 热度:134
效果预览 传统的mouseover提示效果图: 1、 2、友好的设计 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadtitleMingle Web-Bubble Tooltips - liehuo.net/titlemeta http-equiv=content-type content=tex[详细]
-
符号和||运算法的另类使用
所属栏目:[产品] 日期:2018-09-05 热度:147
一直以为 和 || 这两个伟大的运算法只能在判断表达式使用,也就是常在if语句使用,原来错了,它还可以运用在简化选择性执行语句的操作,有点拗口,简单点也就是:操作执行某条语句,不执行某条语句。 和||在JQuery源代码内尤为使用广泛,由于本人没有系统的[详细]
-
WEB网页之@font-face与性能
所属栏目:[产品] 日期:2018-09-05 热度:86
上一周我在Ajaxian中看到了一篇关于 @font-face 的文章。对于字体文件如何影响web网页效率的问题我已经思考了几个月了,于是我继续读了几篇文章,终于形成了下面这些自己的看法。 FOUT:Flash of Unstyled Text Paul 将Flash of Unstyled Text指为FOUT。这[详细]
-
一个由hasLayout引起的渲染例子
所属栏目:[产品] 日期:2018-09-05 热度:127
有朋友求助,说是某个a标签设置了display:block属性,单是放鼠标上去,就是没有反应,闲着没事,就帮着调了一下,闲着把问题的发现到解决总结一下,方便后来人,同时有不足之处,还请大家多多指正。 正文: 先看页面 截图 : 红色标记的就是问题所在,其相[详细]
-
网页设计之字体设置(上)
所属栏目:[产品] 日期:2018-09-05 热度:110
字体(Font)的设置是网页制作新手遇到的第一个难点。如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的。好,我们来彻底研究一下字体的各个方面: ○字符集的设定。 在查看html文件原代码时,我们经常可以在文件头和之间看到这么一句代码[详细]