ITPub博客

色彩的心理效应(转)[@more@]　　色彩的直接心理效应来自色彩的物理光刺激对人的生理发生的直接影响。 　　心理学家对此曾做过许多实验。他们发现，在红色环境中，人的脉搏会加快，血压有所升高，情绪兴奋冲动。而处在蓝色环境中，脉搏会减缓，情绪也较沉静。有的科学家发现，颜色能影响脑电波，脑电波对红色反应是警觉，对蓝色的反应是放松。自19世纪中叶以后，心理学已从哲学转入科学的范畴，心理学家注重实验所验证的色彩心理的效果。　　不少色彩理论中都对此作过专门的介绍，这些经验向我们明确地肯定了色彩对人心理的影响。 冷色与暖

用css使网页图片半透明(转)[@more@]　　你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。 　　让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用css使图片变透明。 　　也许你会问，GIF图片不是能透明吗？那干嘛还那么麻烦，嘿嘿，GIF是可以透明，但可以半透明么？那很明显是不行

在网页中调用系统调色板和测试所有安装字体(转)[@more@]　　其实只是用到clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b这个控件的一些属性和方法而已，对于此控件的任何疑问，请查询MSDN<style>body,span,button{font-size:9pt;font-family:'Courier New' 宋体}input,textarea{border:1px solid #000}select{font-size:9pt;font-family:'Courier New' 宋体;width:150;height:10;background:#db811c}</style><!--上面是为美观而定义的CSS--><script>var oInitColor = "db811c" file://定义调色板的默认颜色var

自定多姿多彩的网页链接下划线(转)[@more@]　　CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 　　一、基本原理 　　首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。　　其次，如果下划线图形的高度较大，则必须适当增加文本的高度，使得一行文本的底部与下一行文本的顶部之间有较大的空间，例如p { line-height: 1.5; }。 自定义链接下划线

为主页添加一个漂亮的按钮（上）(转)[@more@]　　是不是在做网页时，为按钮的制作发过愁啊？用图片做按钮的话，影响速度，不用图片，网页里自带的按钮真的是不感恭维，真是最近比较烦，其实，有了CSS（Cascading Style Sheet的缩写，层叠样式单）之后，就些问题就可迎韧而解啦。$#@60;!―例1.黄色背景按钮--$#@62;$#@60;form method="POST"$#@62;$#@60;p$#@62;$#@60;input type="button" value="按钮" name="a1" style="background-color: rgb(255,255,0)"$#@62; $#@60;/p$#@62;$#@60;/form$#@62;　　略懂HTML原代码和CSS的朋友不难看出，

为主页添加一个漂亮的按钮（下）(转)[@more@]　　首先，需先了解什么叫样式表单？如果你使用过Word就知道只需要设置一次版面配置和打印格式，那么在文件内所有的页面都具有了相同的格式，而样式表单起的也就是这个作用，在同一个网站只需要提供一份样式表单，然后在所有页引用它，那么整个网站都会有相同的格式。样式表单一共分三种。　　第一种是外部网页样式表单。它是一个以CSS为后缀名的文件，相当于一个模版，设置好以后只需要在网页内部引用它，就能够使引用的网页具有相同的格式。　　第二种是内嵌式的网页样式表单，它一般在$#@60

声音层叠样式表单(转)[@more@]　　随着网络技术的不断发展，声音也逐渐成为了网页制作过程中考虑的一个主要因素。 　　使用CSS样式表单的方法为网页中加入声音，将有很好的灵活性，提供文档的真正意义上的多重显示模式。 　　由于声音是在空间上进行传播的，又具有延续性，所以新单位中自然也就有deg角度、grad梯度、rad弧度、ms和s等，剩下的还有就是声音本身单位Hz和kHz。首先我们来谈谈声音的属性。 　　Volume属性，这是一个设定声音大小的属性，它可以选择的属性值有：silent/x-soft/soft/medium/loud/x-loud，或者直接使用百分比值来

有关表格边框的css语法整理(转)[@more@]　　我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。 　　有关表格边框的css语法　　具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 　　 1.上边框宽度　　语法: border-top-width: <值> 　　允许值: thin | medium | thick |

巧用CSS控制鼠标样式变换(转)[@more@]　　主页上的鼠标是不是就只有箭头和小手两种模样呢？如果鼠标移到“帮助”等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，鼠标形状就变成等待的样子……那该多好啊！ 　　其实，借助我们的css，几句很简单的代码就可以实现这一切！　　不信？把鼠标移到下面的演示文字上看看效果吧！ 演示：手形源代码：演示：手形 演示：移动源代码：演示：移动 演示：等待源代码：等待状态 演示：定位指示源代码：演示：定位指示 演示：帮助源代码：演示：帮助 　　是不是简

CSS实例：横线样式的输入框(转)[@more@]　　在网上我们常常看见一些注册表单的输入框部分并不是我们常见的矩形框，而是一条细线，很多朋友对此很感兴趣。其实要实现这样的效果并不困难，我们只要用一段简短的CSS代码控制好表单输入框的样式即可。 　　示例如下： 　　请输入您的用户名：　　下面我们就来看看这段实现效果的css代码。它主要运用了表格边框的样式控制，将左、上、右边框设置为none，只剩下下边框即可。　　 　　 　　 　　样式表中代码解释如下：　　“BORDER-LEFT-STYLE:none”： 隐藏左边框 　　“BORDER

CSS自定义属性Expression(转)[@more@]　　CSS的出现使网页制作者在对网页元素的控制方便许多，当然，有利必有弊，CSS只能对颜色、大小、距离等静态样式有效，对于要实现某些html元素的动态样式就显得有些力不从心。　　有了CSS的自定义属性Expression，可以自己定义属性，自己在属性里写需要的代码，这样就可以结合CSS的特性与JS特效，实现对整体页面上相同元素的控制。是不是觉得有点不可思议？我们先拿新手们经常问的怎么消除页面上的链接虚线框为例。 　　通常的做法是： link1 link2 link3 　　采用expression的效果如下：　　注

显示你个性的鼠标指针(转)[@more@]　　许多游戏玩家一定会对游戏中的动态鼠标指针有很深的印象，其实只要一句简单的CSS（层叠样式表），你也能在网页上实现这种效果。　　实例演示如下：　　首先，你需要一个鼠标指针文件，可以通过单击“开始”→点击“查找”→键入“.ani”或“.cur”(不含双引号)，也可以到网上下载你喜欢的指针。注：.ani是动态效果的指针文件；.cur?是静态效果的指针文件。　　下面是两种实现个性鼠标的方法。 　　1.定义所有超链接的指针 　　把cursor:url(指针文件的路径)加入到超链接的CSS文件中。　　如：a {c

DIV下拉式菜单(转)[@more@]　　script> var cm=null; document.onclick = new Function("show(null)") function getPos(el,sProp) { var iPos = 0 while (el!=null) { iPos+=el["offset" + sProp] el = el.offsetParent } return iPos } function show(el,m) { if (m) { m.style.display=""; m.style.pixelLeft = getPos(el,"Left") m.style.pixelTop = getPos(el,"Top") + el.offsetHeight } if ((m!=cm) && (cm)) cm.style.display="none" cm=m } 　　这是一个非常简单的菜单，虽然简单，但我们可以从这个示例中学习到一些

由显示/隐藏引出的CSSbug(转)[@more@]　　这一段CSS代码相当简单，目的就是想用CSS来控制某段文字的显示与隐藏。起初我采用了下面的代码，令人不可思议的是，它们在我的IE6.0上居然没有任何反应，大家不信可以亲自试验一下。 a {font-size:12px; text-decoration:none; height:50;} a:hover {text-decoration:none;} a span {font-size:12px; display:none;} a:hover span {display:block;} link我是隐藏内容 　　我仔仔细细地检查了一遍代码，实在找不到什么毛病来。没有办法，我只能像平时查错纠错一样，试着改改CSS里的代

网页特效大公开(转)[@more@]　　现在非常多的朋友搞个人网页，而且做的五彩缤纷，各有特色，但是比较多的朋友把大大的一幅图象放在页面上，致使页面下载很慢，加上用GIF格式做动画，尽管用GIF格式搞的动画比较苗条，但是也不大合算。能否不用特别做的图象，不用GIF格式做动画，可以把页面搞的生气活现呢？可以，但JAVASCRIPT比较对一般初学者来说是比较难的，笔者今天要用IE本身内含的STYLE这个重量级的命令属性中的RevealTrans和滤镜来搞搞新意思！希望网友们能灵活运用这些滤镜和页面切换效果，把自己的主页搞的有声有色！不断进步！ St

CSS快速入门(转)[@more@]　　在当今的网页制作中，几乎所有漂亮的网页都用了CSS。 CSS是 Cascading Style Sheet的缩写，有些书上把它译为 “层叠样式表”。有了CSS的控制，我们的网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。虽然只短短的十几行代码，得到的效果却不同凡响。其基本用法是在网页中插入如下格式的一段代码：　　下面以一段比较典型的CSS代码为例介绍其具体用法。　　例：这段代码 中间的部分共七行，可看出有这样的特点：前两行的格式分别为P {……} 和 TD {……} 。后五行均是

让字体美起来(转)[@more@]　　你可能正建立自己在网上的家-WEB页，又或者它已经被你安置在网络某一角里。无论出于什么目的,你都希望有更多的指导,告诉你该如何更好的布置家。　　在目前许多的指导中，他们都在诉说，应该加一点声音或者一个说话的场地。的确我们都需要它，但我希望关心更多WEB家里底层的东西，比如如何把字体弄的漂亮些，或者让页面颜色变的活泼些，让访问者增加“看欲”，还有更多你曾经都没有关注的细微之处。今天，我们首先来探讨页面的字体。　　一、html中定义字体　　字体的确是很好打交道的，一开始制作页面，它就以

HTML初学者指南(一)(转)[@more@]　　本文是创建HTML文件的初级读物。HTML 是 WWW（World Wide Web )中使用的超文本标记语言。本指南的目的是介绍如何使用HTML和创建 web 文件。本文中的链接指向一些附加的信息。你还可以到你本地的书店查看一下，那里可能会有很多有价值的关于 Web 和 HTML 的资料。 前言术语WWW World Wide Web Web World Wide Web SGML Standard Generalized Markup Language--标准通用标记语言，描述标记语言的一个标准 DTD Document Type Definition--文本类型定义, 这是一个用SGML写成的标记语言的正式说明 HTML Hy

HTML初学者指南(二)(转)[@more@]  一个教学工具　　要看到你的浏览器当前窗口所显示信息的原始文件, 可以选择浏览器菜单中的 View Source (或者等价操作) 选项. 文件的内容和所有的 HTML 标记将显示在一个新窗口中. 　　这是学习使用 HTML 和掌握技巧和构造的一个非常好的方式. 当然, 你看的 HTML 不一定在技术上是正确的. 当你熟悉了 HTML 并且看了很多这方面的参考资料，你将能够区分 "好的" 和 "不好的" HTML. 　　记住你可以保存 HTML 编码的源文件，用做你的 Web 页的模板，或者把它修改之后用做其他用途. HTML 标记HTM

HTML初学者指南(三)(转)[@more@] 列表ListsHTML 支持不编号 unnumbered, 编号numbered, 和定义definition 三种列表. 你也可以嵌套列表, 但是不要嵌套过多，否则会使读者感到不清晰。 不编号列表Unnumbered Lists 制作一个不编号的，公告式列表, 用开始标记 <UL> ( unnumbered list 的简记) 开始 输入 <LI> (list item) 标记，后面跟独立的项; 不需使用 </LI> 标记 用 </UL> 标记结束整个列表 下面是一个有三个项的列表: <UL><LI> apples<LI> bananas<LI> grapefruit</UL>