网页前端设计

http://www.86y.org

搜索文章

学习JavaScript的必备(function,javascript内置对象,this概念)2010/12/18 9:19:53

学习JavaScript的必备(function,javascript内置对象,this概念)

希望对初学js的同学有帮助,因为它解决了我学习js的众多迷惑。。。函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解。javascript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的。通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前,先看一下函数的使用语法:以下是引用片段:function func1(…){…} var func2=function(…){…}; var func3=function func4(…){…}; va...未完,继续阅读→

js多个tab切换简单不需要在body内添加事件2010/12/17 8:47:32

js多个tab切换简单不需要在body内添加事件

不多说了贴代码了!注意的是a的里面的rel属性window.onload事件!在一个页面可以添加多个这样的效果,只需要在 onload事件添加就可以了。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>*{margin:0;padding:0;}.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} *html .clearfix{height:1%;}*+html .clearfix{height:1%;}.clearfix{display...未完,继续阅读→

西游记中红孩儿的老爸是谁?99%的人不知道2010/12/15 15:35:19

西游记中红孩儿的老爸是谁?99%的人不知道

看到朋友们都无一例外地说是牛魔王,可见大家对于《西游记》还是有一定了解的。然而,事情到底是怎样的,红孩儿这样一个杀得孙悟空差点挂掉的小妖精(这样的妖怪在《西游记》中并不多),他的父亲到底是谁?他的家世究竟是怎样的?   红孩儿本领之高、势力之大、背景之奇特是《西游记》全书所罕有的。红孩儿号称“圣婴大王”,一副婴儿面孔,真实的年龄却有300多岁,口能吐火鼻能喷烟,方圆几百里地的山神土地都是他的杂役,动不动就被他抓来烧火顶门、提铃喝号。就是观音菩萨他也全然不放在眼里,他假扮菩萨骗八戒,甚至还要...未完,继续阅读→

2011年值得注意的5个设计趋势2010/12/15 14:40:21

2011年值得注意的5个设计趋势

在过去的12个月里,我们已经看到Web设计领域发生了许多变化。 包括智能手机和平板电脑(如iPad)这些移动设备的日渐普及已经改变了用户对内容的访问和交互方式。还有,像HTML5、web字体和CSS这些新标准的正式通过意味着越来越多的用户可以使用网络上最新最强大的功能。小企业往往因为重新设计的成本和必须照顾大众用户而无法跟上最新的Web设计潮流。不过,下面列举的这些关于web设计领域的技术趋势,我们认为小企业有必要注意一下并考虑把它们纳入自己的网站。1. 抛弃Flash无论Adobe与苹果的Flash之战你站在哪一边,越来越多的网站...未完,继续阅读→

web设计优化网站

阅读(6071)条

网站开发人员应该知道的62件事2010/12/31 16:30:31

网站开发人员应该知道的62件事

近日,有人在Stack Overflow上发表提问“动手开发网站之前,需要知道哪些事情?”,众多人给出了不同的答案,同时所有人根据Stack Overflow问题下面的wiki区对众多答案进行了编辑,总结出62条网站开发人员应该知道的事。Web技术开发者阮一峰把这62条答案进行了翻译,现转载于此,全文如下:有人在Stack Overflow上发问,动手开发网站之前,需要知道哪些事情?不出意料地,他得到了一大堆回答。通常情况下,你需要把所有人的发言从头到尾读一遍。但是,Stack Overflow有一个很贴心的设计,它允许在问题下方开设一个wiki区,让所有...未完,继续阅读→

HTML5是否已经准备好了吗?仍在W3C层层审核当中2010/12/15 14:35:54

HTML5是否已经准备好了吗?仍在W3C层层审核当中

据CNET科技资讯网11月10日国际报道,微软最近显然有意将重心放在HTML5以及它自己的Silverlight标准上,以在跨平台的环境上提供丰富的前端体验。如此一来问题就产生了:HTML5究竟是否已经准备好了?实际上,HTML5仍然躺在W3C的层层审核当中。在最新的报道当中,更进一步提出了HTML5根本还不成熟的说法。“HTML5绝对不可能在一夜之间就成为标准,它只可能是一项长期的解决方案”,对该项标准熟稔的资深媒体人士预期,这项标准至少要到2022年,才会达到Proposed Recommendation(提案建议)的阶段。尽管如此,这项标准的进展并没...未完,继续阅读→

htmlw3c兼容

阅读(7498)条

10种破除网页设计师障碍的实用方法2010/12/15 14:13:10

10种破除网页设计师障碍的实用方法

导读:作为一个网页设计师,还有什么比没有创意、无法完成或结束设计项目感觉更糟糕的了。那令人沮丧,郁闷,并浪费我们的收入。现在,想象一下,如果有一种神奇的、万无一失的技术,使我们在创意上的障碍立刻消失,并马上使我们充满创意和动手能力。这真是太伟大了,不是吗?哦,太糟了,因为没有这回事。设计师的障碍在我们每个人身上都出现过,而且也没有什么简单的方法解决。下面这些事情你可以尝试一下。1. 由内而外开始每一个严肃的网页设计师都会告诉你,用精密的网格开始你的布局,做一些线框,看看文字在那些区块和分栏中的摆放位置。...未完,继续阅读→

js给数字用豆号分节2010/12/15 21:46:20

js给数字用豆号分节

自己写的js给数字豆号分节,来提高自己 <html><body><table border="1" cellspacing="5" id="sp"><tr><td>12345436267.89</td><td>3402.89</td><td>3402</td></tr></table><script>function formatNumber(num){ if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){return num;} var a = RegExp.$1, b = RegExp.$2, c = RegExp.$3; var re = new RegExp().compile("(\\d)(\\d{3})(,|$)"); while(r...未完,继续阅读→

js豆号分节

阅读(8922)条

学会感恩2010/12/9 11:41:51

学会感恩

长久以来,一颗流浪的心忽然间找到了一个可以安歇的去处。坐在窗前,我在试问我自己:你有多久没有好好看看这蓝蓝的天,闻一闻这芬芳的花香,听一听那鸟儿的鸣唱?有多久没有回家看看,听听家人的倾诉?有多久没和他们一起吃饭了,听听那年老的欢笑?有多久没与他们谈心,听听他门的烦恼、他们的心声呢?是不是因为一路风风雨雨, 而忘了天边的彩虹?是不是因为行色匆匆的脚步,而忽视了沿路的风景?除了一颗疲惫的心,麻木的心,你还有一颗感恩的心吗?不要因为生命过于沉重,而忽略了感恩的心!也许坎坷,让我看到互相搀扶的身影;也许失败,我...未完,继续阅读→

感恩美文

阅读(6729)条

js取得屏幕高度与宽度2010/12/9 10:35:53

js取得屏幕高度与宽度

网页可见区域高: document.body.clientHeight网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文高: document.body.scrollHeight屏幕分辨率的高: window.screen.height屏幕可用工作区高度: window.screen.availHeight网页可见区域宽: document.body.clientWidth网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页正文全文宽: document.body.scrollWidth网页被卷去的高: document.body.scrollTop网页被卷去的左: document.body.scrollLeft网页正文部分上: window.screenTop网页正文部...未完,继续阅读→

DIV+CSS布局的好处和意义2010/12/9 10:28:33

DIV+CSS布局的好处和意义

业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascADIng style Sheets的简称,中文译作&ldq...未完,继续阅读→

javascript中的Function对象2010/12/8 17:30:23

javascript中的Function对象

javascript中的Function对象是函数,函数的用途分为3类:作为普通逻辑代码容器;作为对象方法;作为构造函数。1.作为普通逻辑代码容器function multiply(x, y){return x*y;}函数multiply封装了两位数的乘法运算公式:var product = multiply(128,128); // product = 16384创建函数实例的方式有3种。第一种是声明式,即像声明变量一样,将通过function(){}标识符创建的匿名函数直接赋值给变量,以该变量作为调用时的函数名称:var multiply = function(x, y){return x*y;}第二种是定义式,即以function关键字后跟函数名称及(){}来直...未完,继续阅读→

js教程Function对象

阅读(7280)条

js教程:javascript作用域(Scope)2010/12/8 17:12:21

js教程:javascript作用域(Scope)

作用域(scope)是javascript语言的基石之一,在构建复杂程序时也可能是最令我头痛的东西。记不清多少次在函数之间传递控制后忘记 this关键字引用的究竟是哪个对象,甚至,我经常以各种不同的混乱方式来曲线救国,试图伪装成正常的代码,以我自己的理解方式来找到所需要访问的变量。这篇文章将正面解决这个问题:简述上下文(context)和作用域的定义,分析可以让我们掌控上下文的两种方法,最后深入一种高效的方案,它能有效解决我所碰到的90%的问题。我在哪儿?你又是谁javascript 程序的每一个字节都是在这个或那个运行上下文(execu...未完,继续阅读→

js作用域教程

阅读(6468)条

蛋黄派对身体的危害2010/12/8 9:07:28

蛋黄派对身体的危害

一天3个派反式脂肪酸超标影响儿童智力发育 伤害成人心脑血管中国营养学会副理事长 杨月欣教授 在很多人看来,“蛋黄派”、“巧克力派”不但美味,而且营养,听起来甜美又时尚。但是,他们却不知道,这些“派”类点心,却往往是暗藏反式脂肪酸的大户。中国疾病预防控制中心营养与食品安全所联合北京市营养源研究所最近对市面上的21种点心进行了调查,分析了其中反式脂肪酸的含量。结果发现: 超过30%的派类点心,反式脂肪酸含量都在2%以上!而世界卫生组织建议反式脂肪酸每日每人摄入量不要...未完,继续阅读→

我们中国应该思考-美国如何对付“最牛钉子户”2010/12/3 11:31:01

我们中国应该思考-美国如何对付“最牛钉子户”

看到最近我们国家出现了一些拆房违建的事情。不得不让人思考:美国人是怎么做的!图中间的那個小屋子就是美国“最牛釘子戶”老太太的房子。  美国是个奇怪的国家,他们非但没有“人民群众当家做主”这种泛泛而论的口号,反而把“当家做主”给一分为二了:各界精英负责“当家”(执政权),人民大众负责“做主”(选举权)。这种“当家做主”两分开的做法,既使得美国人民能够选出自己信得过的精英分子来“为人民服务”,又能让被选举上台的执政者如...未完,继续阅读→

最牛钉子户

阅读(6127)条

CSS进阶教程:CSS中内联元素与块级元素2010/12/1 15:41:25

CSS进阶教程:CSS中内联元素与块级元素

p、h1、或div等元素常常称为块级元素,这些元素显示为一块内容;Strong,span等元素称为行内元素,它们的内容显示在行中,即“行内框”。(可以使用display=block将行内元素转换成块元素,display=none表示生成的元素根本没有框,也既不显示元素,不占用文档中的空间)  《CSS权威指南》中文中:任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。这些知识在52CSS.com上有较多的文章。比如,我们设定一个内联元素bord...未完,继续阅读→

牛人也得看的15个CSS常识2010/12/1 15:31:16

牛人也得看的15个CSS常识

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。 3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源...未完,继续阅读→

css常识css

阅读(6998)条

CSS实例代码:万能float闭合(清除浮动)2010/12/1 15:20:37

CSS实例代码:万能float闭合(清除浮动)

个人比较喜欢这种清除浮动的写法。因为不用再添加一个标签来写入样式直接写在大容器里面就可以了。但是有前提是里面的子元素要是浮动的。如果有的浮动有的不浮动建议还是在最后面添加标签来添加清楚样式。一、<div class="main clearfix"><div class="fl">左边</div><div class="fr">右边</div></div>二、<div class="main"><div class="fl">左边</div><div class="fr">右边</div><div...未完,继续阅读→

CSS新手必读:XHTML验证和CSS验证2010/12/1 15:09:57

CSS新手必读:XHTML验证和CSS验证

相信有很多新手都在找 文档(xhtml)跟样式(css)验证的网站,如何验证文件。这是基础中的基础。XHTML验证和CSS验证是我们开发编码时常用的工具。验证我们编写的代码是否符合XHTML和CSS标准,并且可以使用它查出错误的地方加以修正。下面给出地址,以便朋友们需要时方便使用。 XHTML验证:http://validator.w3.org/CSS验证:http://jigsaw.w3.org/css-validator/未完,继续阅读→

xhtmlcss验证w3c

阅读(7225)条

在XP下IE6与IE8共存办法2010/12/1 10:26:28

在XP下IE6与IE8共存办法

对于网页设计前端设计师来说,最头疼的问题莫过于浏览器兼容性。我们经常需要在电脑上装N个不同版本的浏览器来测试。然而IE默认是不能同时安装多个版本的,这时就有了IE6绿化版,IE7绿化版(IE8没有听说有绿化版),当然也有像IEtester之类的软件同时集成IE6 IE7 IE8。可是这类软件也有一些问题,比如:调用不方便,不能在Dreamweaver里面直接调用调试;不能在text文本域中输入文字(不方便JS的测试),IE6与IE8不能同时运行。因为IE8里面可以IE7模式浏览,就相当于集成了IE7,所以只要解决IE6与IE8的共存问题就可以了。现在我就向大家一种...未完,继续阅读→

当前第  39  页 / 共  41  页  总共808条记录  

3435363738394041