-
Web标准化之如何写符合标准的导航
所属栏目:[产品] 日期:2018-09-14 热度:62
显然,Web标准并不是一个能够严格执行的标准,但是我们却可以像W3C推荐的那样尽可能的将页面实现标准化。 上周我们讨论了标准的导航写法: 第一种方案 ul class=nav lia/a/li lia/a/li lia/a/li /ul优点:相对有语义,多一个控制节点,可以灵活控制,实现[详细]
-
兼容IE/火狐的无提示关闭窗口代码三则
所属栏目:[产品] 日期:2018-09-08 热度:193
烈火网(LieHuo.Net)教程 今日在本省最大的站长交流群中,有一位朋友问我如何做到点击关闭窗口无提示,于是在烈火网以往的文章中检索了一下,找到《点击关闭窗口 window.close() 无提示的方法》,测试了一下,兼容性不是太好,于是又整理了三个方法,都是兼[详细]
-
初级教程:DIV使用的小技巧
所属栏目:[产品] 日期:2018-09-08 热度:182
发布这个一来是和大家分享一些小经验,二来是为了自己以后找得方便 在div中文字垂直居中有两种情况:单行文字、多行文字 一、单行文字 只需设置div的高度与文字的行高一样就OK了,即 line-height 和height 的数值一样。 例如:div{ height: 20px; line-heig[详细]
-
IMG与容器下边界的空隙(缝隙)问题
所属栏目:[产品] 日期:2018-09-08 热度:158
问题描述: IE7下 img与div(block类型元素)下边界有距离(或者叫缝隙、空隙)。 IE7才会有这个问题, IE8 下是没有的。 解决方案: 法宝一:定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top。 img{vertical-align:bott[详细]
-
IE中伪类hover的使用、BUG及解决方法
所属栏目:[产品] 日期:2018-09-08 热度:80
伪类:hover的规则: 在CSS1中,此伪类仅可用于a对象。且对于无href属性的a对象,此伪类不发生作用; 在CSS2中,此伪类可以应用于任何对象; 目前IE5.5、IE6仅支持CSS1中的:hover,不过新出的IE7以及 Firefox 支持CSS2中的:hover。 先用CSS2的写法来实现:[详细]
-
两种跨浏览器的自适应高的解决方法
所属栏目:[产品] 日期:2018-09-08 热度:157
烈火网(LieHuo.Net)教程 两种跨浏览器的自适应高的解决方法,第一种办法,我根本不理解,第二种方法,比较好理解,采用相对定位,背景和文字是分离的。 第一种,代码: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR[详细]
-
彻底解决图片元素下多余空白的问题
所属栏目:[产品] 日期:2018-09-08 热度:175
在进行页面的DIV+CSS排版时,遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的。对于该问题的解决方法也是见机行事,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳,供大家参考。 1[详细]
-
静态页实现跳转和对 http_referer 信息的影响
所属栏目:[产品] 日期:2018-09-08 热度:150
在静态页面上我能想到的只有3种实现跳转的方法: 1)javascript : window.location.replace(http://www.google.com); 没有历史记录,无法后退,易用性不好 window.location.href = http://www.google.com; 可后退 FF 会发送 referer 信息,但是 IE 不会,至[详细]
-
prototype中文参数乱码解决方案
所属栏目:[产品] 日期:2018-09-08 热度:133
在使用portotype,调用ajax方法时出现乱码,此时,获取页面中加入 可以试试;; Page.Response.Charset = gb2312; 如果不奏效,有人提供另外解决方案: request: function(url) { this.url = url; this.method = this.options.method; this.encoding = this.o[详细]
-
仿QQ空间的DIV窗口(附源代码下载)
所属栏目:[产品] 日期:2018-09-08 热度:175
QQ空间的DIV窗口样子倒是不错,可惜搞源码不容易,只好拿jBox代码修改下。效果图如下:(怎么样?有几分神似吧) 那怎么调用呢。 有一种是iframe调用,就是把另一个页面嵌入到div窗口中来。 jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录','[详细]
-
submit与onsubmit的区别是什么
所属栏目:[产品] 日期:2018-09-08 热度:50
最近在开发中遇到了表单提交前验证的问题,用一个普通的button按钮代替submit按钮, 在提交前触发这个button的onclick事件,在其事件中触发form的submit事件。问题出现了: 以下是相关代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]form action=[详细]
-
网页设计中嵌入任意字体的实现方法
所属栏目:[产品] 日期:2018-09-02 热度:164
字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:1[详细]
-
setTimeout 和 setInterval 的区别
所属栏目:[产品] 日期:2018-09-02 热度:146
window对象有两个主要的定时方法,分别是setTimeout 和 setInteval 他们的语法基本上相同,但是完成的功能取有区别。 setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。 setInterval方法则是表示间隔一定时间反复执行某操作。 如果用[详细]
-
偷偷的告诉你如何设计网页的10个小秘诀
所属栏目:[产品] 日期:2018-09-02 热度:67
在这篇文章中说了几个在设计中常遇到的问题.希望你看完之后,在你设计网页的时候想想要如何解决这些问题.那么我写这篇的文章目地也达到了. 1.要记住你只有4秒的时间 在整个internet中日均页面访问只有4秒.这就意味着你没有足够的时间来让浏览者加深对网站的[详细]
-
网页WEB打印功能实例代码解析
所属栏目:[产品] 日期:2018-09-02 热度:60
今天在CSDN社区ASP版中有一位朋友求WEB打印方案,以前我自己用过的两个都不能适用于他的要求,于是在网上搜索了一翻,发现这个还可以,测试了一下这个的确比我以前做的要好多了。 htmlheadtitlewww.veryhuo.com/titlemeta http-equiv=Content-Type content[详细]
-
防止表格或DIV被文字撑开
所属栏目:[产品] 日期:2018-09-02 热度:144
我们可以针对表格的属性来限制大小防止被撑开,比如在table width=600 border=0 cellpadding=0 cellspacing=0里添加代码style=table-layout:fixed;word-wrap:break-word;word-break;break-all;,其中table-layout:fixed; 是为了将表格布局固定住,就可以有[详细]
-
在TextArea中可以包含任何对象的实现方法
所属栏目:[产品] 日期:2018-09-02 热度:190
TextArea就是文本区域,一直都被认为是只可以包含纯文本的,我发现一种方法可以实现用它包含任何对象(包括表格和图片)。 用TextArea对象的canHaveChildren属性得知它可以包含子对象,我们只需要将要显示的HTML放在DIV(或SPAN)中,再用TextArea的appendChil[详细]
-
showModalDialog基本操作:父子窗口互传参数
所属栏目:[产品] 日期:2018-09-02 热度:164
ShowModalDialog基本操作:父子窗口互传参数 父窗口代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://w[详细]
-
利用box-sizing实现div仿框架
所属栏目:[产品] 日期:2018-09-02 热度:153
[参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP10 / SF4 / Chrome 2 ] [操作系统:Windows] 先看代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3[详细]
-
小字体小行高兼容性分析及差异解决办法
所属栏目:[产品] 日期:2018-09-02 热度:79
[参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome 2 ] [操作系统:Windows] 浏览器们缺乏党的教育,对行高没有统一的认识,于是在小字体小行高的情况下,总出现肉眼可见差异,对美观产生了举足轻重的影响。 要解决这一细节性的问题,我们[详细]
-
超圆滑圆角框的半完美解决方案
所属栏目:[产品] 日期:2018-09-02 热度:101
导言:本文探讨的是圆角框的终极解决方案,其核心关键词是圆滑、完美、兼容、重用性、语义,这些技术都是收集目前网络上最流行的做法。纵观种种方法,各有其优势,请针对不同的环境分别使用。 圆角框,因为其样式比直角框漂亮,所以成为设计师心中偏爱的设[详细]
-
网页超级链接Title冒泡提示效果
所属栏目:[产品] 日期:2018-09-02 热度:69
效果预览 传统的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-02 热度:142
一直以为 和 || 这两个伟大的运算法只能在判断表达式使用,也就是常在if语句使用,原来错了,它还可以运用在简化选择性执行语句的操作,有点拗口,简单点也就是:操作执行某条语句,不执行某条语句。 和||在JQuery源代码内尤为使用广泛,由于本人没有系统的[详细]
-
WEB网页之@font-face与性能
所属栏目:[产品] 日期:2018-09-02 热度:120
上一周我在Ajaxian中看到了一篇关于 @font-face 的文章。对于字体文件如何影响web网页效率的问题我已经思考了几个月了,于是我继续读了几篇文章,终于形成了下面这些自己的看法。 FOUT:Flash of Unstyled Text Paul 将Flash of Unstyled Text指为FOUT。这[详细]
-
一个由hasLayout引起的渲染例子
所属栏目:[产品] 日期:2018-09-02 热度:93
有朋友求助,说是某个a标签设置了display:block属性,单是放鼠标上去,就是没有反应,闲着没事,就帮着调了一下,闲着把问题的发现到解决总结一下,方便后来人,同时有不足之处,还请大家多多指正。 正文: 先看页面 截图 : 红色标记的就是问题所在,其相[详细]
