- 浏览: 329155 次
- 性别:
- 来自: 上海
文章列表
在整个产品设计的过程中,视觉设计与交互设计的“工序”非常紧密,两者关系也是相辅相成,互相影响。而视觉界面作为最直接与用户交流的层面,如何把交互设计以良好表现形态展现给用户,这里主要集中探讨视觉在提升交 ...
- 2008-10-16 13:44
- 浏览 1050
- 评论(1)
在IE6下,如果拖动的DOM元素使用了背景图,在Drag的过程中会出现严重的鼠标抖动现象.
在网上查了下,说是因为:IE6下默认不缓存背景图片,CSS里每次更改图片的位置时都会重新发起请求.
可用下方法来解决(让IE6缓存背景图片
):
在head区(即<head>到</head>之间
添加以下代码:
CODE:
<!--[if IE 6]>
<script type="text/javascript">
document.execCommand("BackgroundImageCache", fal ...
- 2008-10-09 13:51
- 浏览 3794
- 评论(1)
<link>
元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了
CSS与HTML文档结合的4中方法:
1 使用<link>元素链接到外部的样式文件
2 在<head>元素中使用"style"元素来指定
3 使用CSS "@import"标记来导入样式表单
4 在<body>内部的元素中使用"style"属性来定义样式
一个例子:
<html>
<head>
<title>css demo</title ...
- 2008-09-17 18:11
- 浏览 3317
- 评论(2)
初次接触AIR
AIR是一项自2007年来备受推崇的新型技术,它又可以说是对新老技术的结合体。通过这样的结合,我们发现,确实让客户感受得到了很好的改善,比如说:客户更愿意多进行一些操作、更愿意去体验一下新的 ...
- 2008-06-26 12:46
- 浏览 2150
- 评论(0)
1.标记
1.1一般标记
一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成,其语法为:<x>受控文字</x>
其中,x代表标记名称。<x>和</x>就如同一组开关:起始标记<x>为开启(ON)的某种功能,而结束标记
</x>(通常为起始标记加上一个斜线/)为关(OFF)功能,受控制的文字信息便放在两标记之间。例如:<i>这是斜体字
</i>。
标记之中还可以附加一些属性(Attribute),用来完成某些特殊效果或功能。例如:&l ...
- 2008-06-11 17:21
- 浏览 1097
- 评论(0)
最近仔细研究了一下关于css 背景图片的定位问题,也许有的朋友会认为这是个简单的问题,以至于在网上很难搜到关于background-position的详细解释,能搜到的帖子基本上都是千篇一律的把概念复制一下贴出来的。
不过在这里我还是先要把概念再罗嗦一遍(不想看的朋友可以直接跳过这个部分)
语法:
background-position : length || length
background-position : position || position
取值:
length : 百分数 | 由浮点数字和单位标识符组成的长度值。
positi ...
1.
a:通常ie5/win中字的现实结果总是要比其他浏览器整整大一号,为了让所有浏览器兼容,我们需要利用CSS hack。
body{
font-size:x-small;/* for IE5/Win */
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;/for compliant browsers */
}
html>body{/* be nice to Opera */
fon ...
- 2008-06-01 22:04
- 浏览 1091
- 评论(0)
前言
在用CSS控制排版过程中,定位一直被人认为是一个难点,这主要是表现为很多网友在没有深入理解清楚定位的原理时,排出来的杂乱网页常让他们不知所
措,而另一边一些高手则常常借助定位的强大功能做出些很酷的效果来,比如CSS相册等等,因此自己杂乱的网页与高手完美的设计形成鲜明对比,这在一定程度
上打击了初学定位的网友,也在他们心目中形成这样的一种思想:当我熟练地玩转CSS定位时,我就已是高手了。不管你怎么想,我只希望下面的教程能让你更深
入地了解CSS定位属性。
阅读建议
先说说我这篇教程的思路,这对于你在正真开始阅教程前是有很大帮助的。我的思路是这样的:先给出定位较专业化精炼的解释,接下来再用 ...
- 2008-05-30 11:03
- 浏览 2547
- 评论(10)
文件上传(File upload)
Ajax File Upload
.
jQUploader
.
Multiple File Upload plugin
.
jQuery File Style
.
Styling an input type file
.
Progress Bar Plugin
.
表单验证(Form Validation)
jQuery Validation
.
Auto Help
.
Simple jQuery form validation
.
jQuery XAV - form validations
.
jQuery AlphaNumeric
.
Masked ...
- 2008-04-28 21:29
- 浏览 2840
- 评论(2)
❑ DOM的核心: Node
由于DOM是树形结构,所以一个节点被抽象为对象Node,这是DOM的核心对象:
Node的种类一共有12种,通过Node.nodeType的取值来确定(为1-12),分为:
Node.ELEMENT_NODE (1)
Node.ATTRIBUTE_NODE (2)
Node.TEXT_NODE (3) //<![CDATA[ ]]> ...
动画效果打开关闭图层
- 博客分类:
- Javascript
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>move</title>
<style type="text/css">
body{
font-size:12px;
color:#849BCA;
}
#btn{
float:left ...
- 2008-04-16 13:45
- 浏览 1777
- 评论(1)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/Strict.dtd">
<html lang="en">
<head>
<style>
<!--
body{ margin:1% 0 0 1%; font-family:Arial,Verdana,Helvetica,sans-serif;font-size:75%;}
img{ border:0; }
a:link, a ...
- 2008-04-16 10:49
- 浏览 3845
- 评论(7)