-
获取元素和鼠标的位置(兼容所有浏览器)
所属栏目:[产品] 日期:2018-09-19 热度:124
获取元素和鼠标的位置(兼容IE6.0,IE7.0, IE8 .0,FireFox2.0,FireFox3.5, Opera ),该功能是我一同事钻研出来的,目标是为了实现与QQ自定义布局和拖放模块类似的功能。 Copy to Clipboard 引用的内容:[www.veryhuo.com]//获取元素的位置 function getLef[详细]
-
IE不支持option的display样式的解决方案
所属栏目:[产品] 日期:2018-09-19 热度:125
想实现一个很简单的功能:当选中中介时,不显示求购与求租。本以为通过display:none即可实现,结果发现在option元素上使用display:none在firefox中有效,在IE6、IE7、 IE8 中都无效。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/[详细]
-
多层模态窗口showModalDialog页面提交及刷新
所属栏目:[产品] 日期:2018-09-19 热度:69
1 在第N(N1)层的模态页面中,如果想链接到其他页面或者刷新当前页,只能用 window.name = __self; window.open(window.location.href, __self) //注意是2个下划线 替换 location.href 2 当需要关闭第N(N1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止[详细]
-
图片的alt(替换文本)属性描述
所属栏目:[产品] 日期:2018-09-19 热度:199
图片ALT属性的本意是当图片无法正常显示时以文字形式代替显示出来,是为了给那些无法看到文档中图像的网页访问者提供文字说明。 如: Copy to Clipboard 引用的内容:[www.veryhuo.com]div id=logoimg src=Images/202.gif width=119 height=40 alt=logo //[详细]
-
关于启用Gzip压缩需要注意的问题
所属栏目:[产品] 日期:2018-09-16 热度:164
今天看《Even Faster Web Sites》里面的的Going Beyond Gzipping,觉得写得很细,写个随笔记录下。 这章提到虽然服务端开启了Gzip压缩,但是还是有部分请求(好像大概在10%左右)的输出没有进行压缩。造成这种情况的主要原因不是客户端不支持Gzip,而是代理[详细]
-
Firefox不支持background-position语法
所属栏目:[产品] 日期:2018-09-16 热度:89
firefox不支持background-position-x,background-position-y 今天又学了一招,firefox不支持background-position-x,background-position-y 例如: background-position-x:30px; background-position-y:5px; 需要改成: background-position:30px 5px; 烈火[详细]
-
IE7下多个Select互相重叠的解决方法
所属栏目:[产品] 日期:2018-09-16 热度:145
在IE7中动态操作select的时候会出现下面的问题 BUG症状: 正常效果: 问题就是多个select由于内容变化,但是不会自动排列位置。暂时只是在IE7中发现这个问题。 解决办法: 将需要填充的Select 后面的Select全部隐藏,内容添加结束以后,重新显示,就会自动[详细]
-
IE浏览器中checkbox刷新后自动初始化的问题
所属栏目:[产品] 日期:2018-09-16 热度:96
在项目中有一个需求,要求页面中的checkbox在页面刷新或后退时都要重新初始化,即处于未选中的状态,不保存之前的状态。初一看这个功能很简单,一个checkbox,加一段脚本,把这个checkbox的checked属性设为false。 Copy to Clipboard 引用的内容:[www.ver[详细]
-
YUI3设计中的激进和妥协
所属栏目:[产品] 日期:2018-09-16 热度:138
相信每个前端工程师都有自己喜爱的javascript框架,说情感也好,道信仰也罢,javascript框架带给人的不仅仅是便捷的开发,更有一种纯粹的逻辑美感,不管是jquery曼妙的简洁,还是yui魔术般的沙箱,都使我们产生无穷的想象。然而,js框架却又必然无法做到面[详细]
-
IE7、IE8下全屏的解决方案
所属栏目:[产品] 日期:2018-09-16 热度:145
网上有很多介绍IE7或者 IE8 全屏解决方案,有的说修改注册表,有的说用ActivieX控件,但是经过测试都不能正常使用,甚至有的说IE7/IE8根本没有办法实现全屏,但是我们想一下,微软做的软件产品能这么弱智么?是一定能实现的,下面就实现方案及步骤进行介绍[详细]
-
给网页使用正确的doctype声明-W3C标准
所属栏目:[产品] 日期:2018-09-16 热度:72
用dw设计网页时,代码最前面总要出现一个下面的代码,这个是dw自动在网页文件页增加了dtd信息(DOCTYPE声明),可以删。删除后,浏览器会使用的默认dtd。 很多设计师和开发者都不知道什么是DOCTYPE,DOCTYPE有什么用。DOCTYPE是document type的简写。主要用[详细]
-
网页设计师必须知道的10项SEO技巧
所属栏目:[产品] 日期:2018-09-16 热度:149
如今,Web设计师在设计Web外观与风格的同时,往往还负责了前端代码的编写。换句话说,SEO的相当一部分责任是落在他们肩上的。然而,大量的Web设计师对SEO的熟悉程度仍不足以让他们写出一个符合要求的Web。这一现象决定了本文存在的意义,一篇旨在为普通Web[详细]
-
X-UA-Compatible设置IE浏览器的兼容模式
所属栏目:[产品] 日期:2018-09-16 热度:141
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性[详细]
-
如何在浏览器地址栏显示网页小图标
所属栏目:[产品] 日期:2018-09-14 热度:135
如何在浏览器地址栏显示网页小图标?在网页的标签里添加下面两行代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!-- 设置网页图标-- link rel=shortcut icon href=/favicon.ico !-- 设置地址栏图标-- link rel=icon type=image/gif href=/animate[详细]
-
不使用框架技术 如何让IE8支持DOM 2
所属栏目:[产品] 日期:2018-09-14 热度:90
众所周知, IE8 开放了对DOM原型的支持以及ECMA v5的两个新方法Object.defineProperty和Object.getOwnPropertyDescriptor(单词好长),并且这两个新方法居然只能用于DOM。微软此举的意图很明显以一种极小的代价实现 DOM2的全部接口。这里举两个例子: Cop[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目:[产品] 日期:2018-09-14 热度:195
IE8 的有些特性,往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的,好长一段时间了,只是一直没花时间去解决它,到昨儿才去寻医问药。 先说第一个,filter:alpha失效。症状是这样的,在我的IE8,类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-14 热度:170
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-14 热度:123
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-14 热度:200
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-14 热度:179
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-14 热度:170
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-09-14 热度:118
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-14 热度:162
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
-
可覆盖Flash的网页飘浮广告代码
所属栏目:[产品] 日期:2018-09-12 热度:154
烈火网(LieHuo.Net)教程 网页的广告展示的形式是越来越多了,从对联广告、弹出窗口广告、右下/左下、弹出层、飘浮等等,不胜枚举!今天我们就来说一下网页飘[详细]
-
Return false;与return;两语句有什么区别?
所属栏目:[产品] 日期:2018-09-12 热度:86
烈火网(LieHuo.Net)教程 Q:在网页脚本中,return false;与return;两语句有什么区别? A:他们之间的区别如下:[详细]