-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-14 热度:108
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-14 热度:131
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-14 热度:196
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-14 热度:135
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-14 热度:152
使用一个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 热度:108
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-14 热度:174
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
-
尊重用户习惯的网站改版
所属栏目:[产品] 日期:2018-09-13 热度:62
在上文中提到: 避免错误的网站改版 。是否网站就不需要改版了呢?自然不是了。 网站为什么仍旧需要改版? 原因有以下几点: 随着网站不断发展,会设计许多新的功能,而大部分新功能都需要设计师在背后默默的提供支持(这就好比每个咸蛋超人后面都有一堆默默[详细]
-
这样的网站改版是在赶跑用户
所属栏目:[产品] 日期:2018-09-13 热度:119
在之前的一篇文章《后语,为什么我要写表单设计?》中提起过:好的交互不仅要可用,易用,提高用户使用效率的时候。更要尊重用户在之前使用过程中已养成的习惯(不管是好的还是坏的都要予以足够的尊重)。 这是许多公司常会看到的一幕:老大对下面的人说,[详细]
-
网页设计之表单的六种基本类型
所属栏目:[产品] 日期:2018-09-13 热度:103
一、表单概述 表单,在网页中的作用不可小视,主要负责数据采集的功能,比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等。 1、表单的组成 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服[详细]
-
IE与火狐下的event实例分析
所属栏目:[产品] 日期:2018-09-13 热度:178
烈火网(LieHuo.Net)教程 event是ie自带的一个对象,而ff中不存在该对象,只能通过传递参数(并且惟一)的方式来实现event,:( 关于event的详细区别请查看这篇文章window.event对像在IE与FF中的区别,另外ie中使用srcElement去获得事件触发源,ff下使用ta[详细]
-
在IE与火狐下window.event对象的区别
所属栏目:[产品] 日期:2018-09-13 热度:101
window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:两者都有event.clientX和event.client[详细]
-
仿迅雷首页的导航条效果(附源代码)
所属栏目:[产品] 日期:2018-09-13 热度:170
烈火网(LieHuo.Net)教程 仿做迅雷首页的导航条,拿来与大家分享,先看一下效果图: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadm[详细]
-
教你掌握控制浏览器是否缓存网页状态
所属栏目:[产品] 日期:2018-09-13 热度:81
Question 在 Firefox 等浏览器中,如果你打开一个页面并进行若干操作,例如在文本框进行输入,甚至点击按钮进行Ajax操作更新页面局部,这些操作的结果都会被缓存下来。 烈火网 www.veryhuo.com 在你点击链接离开这个页面后,如果你通过后退按钮回到这个页[详细]
-
常见浏览器的页面缩放功能简析
所属栏目:[产品] 日期:2018-09-13 热度:105
近日对各个常用的浏览器的页面缩放功能做了一个比较浅显的分析,虽然大部分浏览器都有缩放功能,但是缩放后,有的页面就变得很混乱,有的依然还不错;有的页面图像放大后失真比较严重,有的图像质量依然较好。我的测试平台是windows xp sp2,17寸标准屏,屏[详细]
-
点击文字 选中Input中radio的属性?
所属栏目:[产品] 日期:2018-09-13 热度:92
问题: 如何点击文字,把input type=radio也选中? 回答: label for=radiobutton input type=radio name=radiobutton id=radiobutton value=radiobutton /测试? /label label for=radiobuttoninput type=radio name=radiobutton id=radiobutton value=ra[详细]
-
仿土豆豆单Photo Slideshow效果
所属栏目:[产品] 日期:2018-09-13 热度:142
烈火网(LieHuo.Net)教程 测试:IE7、FF3.014 ,注:背景图片来自 土豆 ,版权归土豆所有 TIPs: 1、绑定滚轮事件 IE: document.onmousewheel = fuc; FF: document.addEventListener(DOMMouseScroll, fuc, false); 2、图片加载 当图片已经在缓存中时,图片的[详细]
-
兼容火狐/IE的设为首页与加入收藏代码
所属栏目:[产品] 日期:2018-09-11 热度:151
烈火网(LieHuo.Net)教程 今天看到一个非常好的代码,那就是可以同时兼容火狐FireFox/IE的设为首页与加入收藏功能,能支持火狐的设为首页与加入收藏可真是不多啊,你不妨试一下,然后用在自己的网站吧! forma href=# title=liehuo.net onclick=return setH[详细]
-
循环不间断的跑马灯效果代码大全
所属栏目:[产品] 日期:2018-09-11 热度:167
烈火网(LieHuo.Net)教程 Java Script实现走马灯效果[无缝连接、循环滚动] 无缝跑马灯效果,以下代码在IE6、 Firefox 等环境下测试通过,网页走马灯连续循环滚动,本文介绍了跑马灯的向上、向下、向右、向左的四种方式,代码中均有详细注释,感谢您对LIEHUO[详细]
-
鼠标触发链接产生跑马灯效果的提示代码
所属栏目:[产品] 日期:2018-09-11 热度:163
烈火网(LieHuo.Net)教程 走马灯效果的链接提示,将鼠标放在链接上,不必点击即可看到跑马灯效果的文字提示,当然将鼠标移开链接后,提示自动消失。大家的需求不一样,因此可能有朋友会喜欢这样的链接提示,用到的话,再好好美化一下,其实效果还是不错的。[详细]
-
颜色渐变的打字效果 逐个出现的文字
所属栏目:[产品] 日期:2018-09-11 热度:192
烈火网(LieHuo.Net)教程 一段极其漂亮的打字效果,文字逐个出现,同时文字的颜色变化,就像KTV的歌词一样,本代码基于 Java script,您可以研究一下,增加或优化代码,当然可以放在自己喜欢的博客或个人主页中。 title逐个出现的文字/titleDIV class=ttl1[详细]
-
禁止在图片上使用鼠标右键代码
所属栏目:[产品] 日期:2018-09-11 热度:88
烈火网(LieHuo.Net)教程 为了阻挡一般用户不能使用图片另存为的功能,这里使用 Java Script对右键菜单做了限制,当在图片上点击右键的时候,会弹出一个提示,提示无法操作图片,注意,这种方法对高手可能无效果。 title禁止在图片上使用右键/titleimg src=[详细]
-
在框架中用WebBrowser打印指定框架页面
所属栏目:[产品] 日期:2018-09-11 热度:198
相信许多人都用过WebBrowser做打印预览及打印,在使用中经常遇到的一个问题是当框架中一个页面用ExecWB(7,1)进行打印预览的时候发布并没有预览当前页面,而是所有框架的页面,其实在页面中执行ExecWB(7,1)相当于在 IE中点击文件---打印预览预览的是用户[详细]
-
IE浏览器下通用的加入收藏功能代码
所属栏目:[产品] 日期:2018-09-11 热度:122
烈火网(LieHuo.Net)教程 作为一名网站设计者,在建设网站的时候,经常需要用到 加入收藏 这一功能,在日常的设计中,我们经过使用的是传统的方法(见代码一),而今天介绍给大家的通用收藏夹功能(见下面的可运行代码)就是一个非常方便的代码,只要您将代[详细]
-
IE浏览器链接字体大小不一与下划线粘连问题
所属栏目:[产品] 日期:2018-09-11 热度:68
发生下划线粘连的条件: 1、IE7+,UTF-8编码,宋体 (使用GB2312、GBK编码无此问题) 发生下划线对不齐的条件: 1、IE6,UTF-8编码,vertical-align:middle,宋体 2、IE7,UTF-8编码,vertical-align:middle,非宋体 (使用GB2312、GBK编码无此问题) 可选的解[详细]