-
图片放大镜(支持数目/位置/倍数等设置)
所属栏目：[产品] 日期：2018-09-05 热度：97
烈火网(LieHuo.Net)教程 之前小编看过好多放大镜效果，并且我们在烈火网的教程中也提到过此类例子，如《JavaScript 移动焦点放大图片局部效果代码》、《各类CMS通用鼠标触发放大图片效果》等，今天我们再来看一个功能更加强大的例子，可以设置部分图片和网[详细]
-
解决 min-width 在 IE6 中无效的方法
所属栏目：[产品] 日期：2018-09-05 热度：95
1.实现最小宽度min-width 标准浏览器和ie7+用:min-width:1008px; 这样在实现自适应布局时可以保证布局不小于一定宽度，同时宽屏或窄屏窗口被用户拖窄后不会出现布局自动换行。 对于Ie6以下模拟实现用的css表达式: _width:expression((documentElement.clie[详细]
-
根据主题类突出显示当前页面
所属栏目：[产品] 日期：2018-09-05 热度：55
烈火网(LieHuo.Net)教程 一些网站的导航条，可以突出显示正在访问的页面，提示用户正在访问哪个页面。使用css怎么做到这个呢？在cssmestery上讲了一个方法（p172），我把它记录下来。 1）使用类来标示每个页面。 2）使用相应的ID标示链接。 3）在CSS中建立[详细]
-
点击输入框背景图片消失效果代码
所属栏目：[产品] 日期：2018-09-05 热度：111
问题： 如何弄当鼠标点击输入框的时候，背景图bg.gif就消失？ 回答： textarea name=content rows=7 cols=39 onfocus=this.style.backgroundImage=''; style=background-image: url('http://www.veryhuo.com/liehuo.net/images/liehuo2009/logo.gif')/text[详细]
-
IE无法打开站点已终止操作的解决方法
所属栏目：[产品] 日期：2018-09-05 热度：186
在页面还没有ready的时候就调用了htmlObject的appendChild或者innerHTML操作，这样会在IE上弹出一个对话框：Internet Explorer无法打开站点,已终止操作 (1)在appendChild或者innerHTML操作处判断document.readyState==complete, 若为否，则setTimeout若干[详细]
-
避免菜单“stepdown”呈递下沉
所属栏目：[产品] 日期：2018-09-05 热度：139
关于stepdown，确实不知道能用什么精辟的语言来形容他，其实就是浮动层下呈递下沉状态，如上图所示 这个画面让我们不难相处，笔者是想做一个菜单之类的东西，每个块是左浮动。 那让我们看看代码应该怎么些吧： 像大多数菜单一样，应该创建一个无序列表如下[详细]
-
不同浏览器强行压缩图片尺寸的效果对比
所属栏目：[产品] 日期：2018-09-05 热度：71
不多说，可以看出，多数浏览器都会对与实际尺寸不一致的Img进行锯齿处理，唯一没有做这项工作的就是 Firefox 而Firefox在中英文字体的处理上大家也是有目共睹的。 对于字体的锯齿润色，最让人满意的应该是 IE8 了， Firefox依然是完全没有任何润色，突兀的[详细]
-
attachEvent和addEventListener方法
所属栏目：[产品] 日期：2018-09-05 热度：188
Copy to Clipboard 引用的内容：[www.veryhuo.com]SCRIPT LANGUAGE= Java Script !-- /**************************************************************************** attachEvent使用这个方法,可以给一个事件指派多个处理过程,可是 Mozilla/ Firefox 不[详细]
-
兼容IE/火狐的无提示关闭窗口代码三则
所属栏目：[产品] 日期：2018-09-04 热度：138
烈火网(LieHuo.Net)教程 今日在本省最大的站长交流群中，有一位朋友问我如何做到点击关闭窗口无提示，于是在烈火网以往的文章中检索了一下，找到《点击关闭窗口 window.close() 无提示的方法》，测试了一下，兼容性不是太好，于是又整理了三个方法，都是兼[详细]
-
初级教程：DIV使用的小技巧
所属栏目：[产品] 日期：2018-09-04 热度：126
发布这个一来是和大家分享一些小经验，二来是为了自己以后找得方便 在div中文字垂直居中有两种情况：单行文字、多行文字 一、单行文字 只需设置div的高度与文字的行高一样就OK了，即 line-height 和height 的数值一样。 例如：div{ height: 20px; line-heig[详细]
-
IMG与容器下边界的空隙（缝隙）问题
所属栏目：[产品] 日期：2018-09-04 热度：131
问题描述： 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-04 热度：53
伪类:hover的规则： 在CSS1中，此伪类仅可用于a对象。且对于无href属性的a对象，此伪类不发生作用； 在CSS2中，此伪类可以应用于任何对象； 目前IE5.5、IE6仅支持CSS1中的:hover，不过新出的IE7以及 Firefox 支持CSS2中的:hover。 先用CSS2的写法来实现：[详细]
-
两种跨浏览器的自适应高的解决方法
所属栏目：[产品] 日期：2018-09-04 热度：138
烈火网(LieHuo.Net)教程 两种跨浏览器的自适应高的解决方法，第一种办法，我根本不理解，第二种方法，比较好理解，采用相对定位，背景和文字是分离的。 第一种，代码： !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR[详细]
-
彻底解决图片元素下多余空白的问题
所属栏目：[产品] 日期：2018-09-04 热度：105
在进行页面的DIV+CSS排版时，遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的。对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。 1[详细]
-
静态页实现跳转和对 http_referer 信息的影响
所属栏目：[产品] 日期：2018-09-04 热度：120
在静态页面上我能想到的只有3种实现跳转的方法： 1）javascript : window.location.replace(http://www.google.com); 没有历史记录，无法后退，易用性不好 window.location.href = http://www.google.com; 可后退 FF 会发送 referer 信息，但是 IE 不会，至[详细]
-
prototype中文参数乱码解决方案
所属栏目：[产品] 日期：2018-09-04 热度：161
在使用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-04 热度：71
QQ空间的DIV窗口样子倒是不错，可惜搞源码不容易，只好拿jBox代码修改下。效果图如下：（怎么样？有几分神似吧） 那怎么调用呢。 有一种是iframe调用，就是把另一个页面嵌入到div窗口中来。 jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录','[详细]
-
submit与onsubmit的区别是什么
所属栏目：[产品] 日期：2018-09-04 热度：194
最近在开发中遇到了表单提交前验证的问题，用一个普通的button按钮代替submit按钮， 在提交前触发这个button的onclick事件，在其事件中触发form的submit事件。问题出现了： 以下是相关代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]form action=[详细]
-
利用box-sizing实现div仿框架
所属栏目：[产品] 日期：2018-09-02 热度：187
[参与测试的浏览器：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 热度：196
[参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome 2 ] [操作系统：Windows] 浏览器们缺乏党的教育，对行高没有统一的认识，于是在小字体小行高的情况下，总出现肉眼可见差异，对美观产生了举足轻重的影响。 要解决这一细节性的问题，我们[详细]
-
超圆滑圆角框的半完美解决方案
所属栏目：[产品] 日期：2018-09-02 热度：152
导言：本文探讨的是圆角框的终极解决方案，其核心关键词是圆滑、完美、兼容、重用性、语义，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。 圆角框，因为其样式比直角框漂亮，所以成为设计师心中偏爱的设[详细]
-
IE 浏览器的 setAttribute bug
所属栏目：[产品] 日期：2018-09-01 热度：158
烈火网(LieHuo.Net)教程 在IE6,IE7中，如果动态生成input元素，是无法为其设置name属性的。当然这bug已经在 IE8 中被修复，详见这里。由于name属性对表单元素非常重要（在提交表单时，与value属性组成键值对，发送到后台），因此必须留意这个bug。 !doctyp[详细]
-
网页设计之字体设置(中)
所属栏目：[产品] 日期：2018-09-01 热度：174
上一篇：网页设计之字体设置(上) 将需要用这种字体的地方用图片代替，以保证所有人看到的页面是同一效果。○字体的样式(style)。字体的样式有四种：正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单，阿捷就不多罗嗦了。 ○[详细]
-
网页超级链接Title冒泡提示效果
所属栏目：[产品] 日期：2018-09-01 热度：66
效果预览 传统的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-01 热度：58
一直以为 和 || 这两个伟大的运算法只能在判断表达式使用，也就是常在if语句使用，原来错了，它还可以运用在简化选择性执行语句的操作，有点拗口，简单点也就是：操作执行某条语句，不执行某条语句。 和||在JQuery源代码内尤为使用广泛，由于本人没有系统的[详细]
浙公网安备 33038102330484号