-
根据主题类突出显示当前页面
所属栏目:[产品] 日期:2018-09-05 热度:112
烈火网(LieHuo.Net)教程 一些网站的导航条,可以突出显示正在访问的页面,提示用户正在访问哪个页面。使用css怎么做到这个呢?在cssmestery上讲了一个方法(p172),我把它记录下来。 1)使用类来标示每个页面。 2)使用相应的ID标示链接。 3)在CSS中建立[详细]
-
点击输入框背景图片消失效果代码
所属栏目:[产品] 日期:2018-09-05 热度:194
问题: 如何弄当鼠标点击输入框的时候,背景图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 热度:93
在页面还没有ready的时候就调用了htmlObject的appendChild或者innerHTML操作,这样会在IE上弹出一个对话框:Internet Explorer无法打开站点,已终止操作 (1)在appendChild或者innerHTML操作处判断document.readyState==complete, 若为否,则setTimeout若干[详细]
-
避免菜单“stepdown”呈递下沉
所属栏目:[产品] 日期:2018-09-05 热度:198
关于stepdown,确实不知道能用什么精辟的语言来形容他,其实就是浮动层下呈递下沉状态,如上图所示 这个画面让我们不难相处,笔者是想做一个菜单之类的东西,每个块是左浮动。 那让我们看看代码应该怎么些吧: 像大多数菜单一样,应该创建一个无序列表如下[详细]
-
不同浏览器强行压缩图片尺寸的效果对比
所属栏目:[产品] 日期:2018-09-05 热度:98
不多说,可以看出,多数浏览器都会对与实际尺寸不一致的Img进行锯齿处理,唯一没有做这项工作的就是 Firefox 而Firefox在中英文字体的处理上大家也是有目共睹的。 对于字体的锯齿润色,最让人满意的应该是 IE8 了, Firefox依然是完全没有任何润色,突兀的[详细]
-
attachEvent和addEventListener方法
所属栏目:[产品] 日期:2018-09-05 热度:53
Copy to Clipboard 引用的内容:[www.veryhuo.com]SCRIPT LANGUAGE= Java Script !-- /**************************************************************************** attachEvent使用这个方法,可以给一个事件指派多个处理过程,可是 Mozilla/ Firefox 不[详细]
-
IE 浏览器的 setAttribute bug
所属栏目:[产品] 日期:2018-09-03 热度:110
烈火网(LieHuo.Net)教程 在IE6,IE7中,如果动态生成input元素,是无法为其设置name属性的。当然这bug已经在 IE8 中被修复,详见这里。由于name属性对表单元素非常重要(在提交表单时,与value属性组成键值对,发送到后台),因此必须留意这个bug。 !doctyp[详细]
-
网页设计之字体设置(中)
所属栏目:[产品] 日期:2018-09-03 热度:132
上一篇:网页设计之字体设置(上) 将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。○字体的样式(style)。字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。 ○[详细]
-
网页超级链接Title冒泡提示效果
所属栏目:[产品] 日期:2018-09-03 热度:167
效果预览 传统的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-03 热度:95
一直以为 和 || 这两个伟大的运算法只能在判断表达式使用,也就是常在if语句使用,原来错了,它还可以运用在简化选择性执行语句的操作,有点拗口,简单点也就是:操作执行某条语句,不执行某条语句。 和||在JQuery源代码内尤为使用广泛,由于本人没有系统的[详细]
-
WEB网页之@font-face与性能
所属栏目:[产品] 日期:2018-09-03 热度:180
上一周我在Ajaxian中看到了一篇关于 @font-face 的文章。对于字体文件如何影响web网页效率的问题我已经思考了几个月了,于是我继续读了几篇文章,终于形成了下面这些自己的看法。 FOUT:Flash of Unstyled Text Paul 将Flash of Unstyled Text指为FOUT。这[详细]
-
一个由hasLayout引起的渲染例子
所属栏目:[产品] 日期:2018-09-03 热度:160
有朋友求助,说是某个a标签设置了display:block属性,单是放鼠标上去,就是没有反应,闲着没事,就帮着调了一下,闲着把问题的发现到解决总结一下,方便后来人,同时有不足之处,还请大家多多指正。 正文: 先看页面 截图 : 红色标记的就是问题所在,其相[详细]
-
网页设计之字体设置(上)
所属栏目:[产品] 日期:2018-09-03 热度:93
字体(Font)的设置是网页制作新手遇到的第一个难点。如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的。好,我们来彻底研究一下字体的各个方面: ○字符集的设定。 在查看html文件原代码时,我们经常可以在文件头和之间看到这么一句代码[详细]
-
Dom Event Handlers/Dom 事件处理函数整理
所属栏目:[产品] 日期:2018-09-03 热度:93
烈火网(LieHuo.Net)教程 Dom Event Handlers/Dom 事件处理函数整理,本文参考:http://en.wikipedia.org/wiki/DOM_events大家可以研究一下,欢迎评论。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xht[详细]
-
Web应用程序中关于图片的使用
所属栏目:[产品] 日期:2018-09-03 热度:144
JPG:以24位颜色存储单个光栅图像 优点: 1.与平台无关 2.适合 摄影 作品和写实作品 3.它支持最高级别的压缩,可提高或降低压缩的级别 4.渐进式JPEG文件交错 缺点: 1.有损耗压缩会使原始图片数据质量下降 2.当您编辑和重新保存文件时,JPEG会混合原始图片[详细]
-
DATA URIS 是什么 DATA URIS 如何使用?
所属栏目:[产品] 日期:2018-09-03 热度:176
1.URI是什么? URI是uniform resource locator的简写,是一系列如何获得数据的协议。在一般的情况下,如果我们需要在HTML页面加入一个链接资源,如CSS、 Java Script文件或一个Image文件,其URL属性会告诉游览器去哪里下载这些文件,然后游览器会请求链接,[详细]
-
仿淘宝最近浏览功能(根据Cookie保存)
所属栏目:[产品] 日期:2018-09-01 热度:81
烈火网(LieHuo.Net)教程 Java script结合Cookies实现网页智能记忆功能,像淘宝网的最近浏览的商品的功能,可以记录下用户最近浏览过的网页,用此功能你可以改造出一个具有记忆功能的最近浏览记录,而不用ASP/PHP等动态语言的配合。 htmlheadtitle仿淘宝最[详细]
-
给评论文本框加上提醒文字背景图片功能
所属栏目:[产品] 日期:2018-09-01 热度:149
烈火网(LieHuo.Net)教程 在不少的网站中,大家都发现它的评论框中有一个带提醒功能的图片,这是怎么弄的呢?其实用CSS就可以轻松实现,只用给TextArea增加background属性,然后引入一张背景图,设置no-repeat right bottom,意思是不重复,靠右下对齐,是[详细]
-
按回车键让光标跳至下一个文本框
所属栏目:[产品] 日期:2018-09-01 热度:162
烈火网(LieHuo.Net)教程 按回车键,让多个文本框在输入的时候,光标自动跳转至下一个文本框,完成按下键盘上Tab键的功能,虽然这个功能不怎么用,不过对感觉Js操作控制键盘有参考价值。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http[详细]
-
常用颜色代码表及颜色名称
所属栏目:[产品] 日期:2018-09-01 热度:186
烈火网(LieHuo.Net)教程 我们在网页制作过程中经常需要用到颜色的代码,由于颜色种类繁多,我们只能记住经常用的代码,对于一些颜色更是不能叫出名字,今天烈火小编在网上找到一篇非常优秀的文章,就是解决这一难题的。让我们看下面的颜色代码表吧。 推荐[详细]
-
利用window.print()打印页面指定区域
所属栏目:[产品] 日期:2018-09-01 热度:104
烈火网(LieHuo.Net)教程 我们知道IE下用window.print()能自动动用打印功能,但是打印的是整个web页面,如果我们只想对页面中的某一部分进行打印,该怎么办呢? 很简单,利用iframe将需要打印的部分以src的方式置于另一个独立页面中,然后在调用window.print[详细]
-
仿迅雷首页可切换的幻灯片功能第二版
所属栏目:[产品] 日期:2018-09-01 热度:124
烈火网(LieHuo.Net)教程 前段时间仿了一下迅雷首页的幻灯片功能,在上篇文章《仿迅雷首页可前后切换的幻灯片功能》中提到,现在还是个雏形吧,插件代码尚未整理,比较繁杂,所以今天有时间赶紧把这个东西整理了一下,分享给大家。我们来看一下代码和实例:[详细]
-
网页水平垂直居中在不同分辨率的实现方法
所属栏目:[产品] 日期:2018-09-01 热度:164
烈火网(LieHuo.Net)教程 在制作网页过程中,通常通过以下方法,来实现网页水平垂直居中: div style= width:900px; height:600px; position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-450px;/div 然而,在一些 分辨率 比较小的电脑,这样[详细]
-
雅虎网页面性能优化的34条黄金守则
所属栏目:[产品] 日期:2018-09-01 热度:67
1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。[详细]
-
鼠标单击图片搬家(状态栏显示坐标)
所属栏目:[产品] 日期:2018-09-01 热度:145
烈火网(LieHuo.Net)教程 从2009年9月开始,烈火网( http://www.veryhuo.com/ )的网页教程发布一些关于鼠标的特效,本文是《单页鼠标弹出五彩缤纷的英文字母》,您可以运行代码查看效果(友情提示:如果不显示,请按F5刷新就可以喽)! htmlheadmeta http[详细]