- 博客(22)
- 收藏
- 关注
RSS订阅原创 Firefox与IE中CSS兼容技巧集锦
1针对Firefox、IE6、IE7的CSS样式 现在大部分都是用!important来hack，对于IE6和Firefox测试可以正常显 示，但是IE7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用 IE7浏览一下，应该没有问题了。现在写一个CSS可以这样： #1{color:#333;}/*M...
2013-12-26 10:11:45
124
原创 word中的字号相当于多少px
字号 磅数 毫米 八号 5磅 1.84 七号 5.5磅 2.12 小六号 6.5磅 2.45 六号 7.5磅 2.81 小五号 9磅 3.15 五号 10.5磅 3.70 小四号 12磅 4.25 四号 14磅 4.93 小三号 15磅 5.23 三号 16磅 5.55 小二号 18磅 6.37 二号 22磅 7.80 小一号 24磅 8.42 一号 26磅 9.66 小初号 36磅 11...
2013-08-26 14:53:18
13163
原创 移交JavaScript脚本前要做的五件事
1.删除外观和感觉不要在JavaScript中设置颜色和其他视觉效果，而要在CSS中添加类名并维护它们。2.留意明显的速度问题使DOM访问保持在最低限度、缓存循环的终止状态，以及编写可重用的函数，而不是许多匿名函数。3.从功能代码中删除标签和名称由于字符串以及类和id的名称很可能改变，它们应该位于配置对象中，而不应该散布在整个脚本中。4.使用人类可读的变量和函数名称在...
2013-08-14 14:55:27
156
原创 jquery 实现iframe 自适应高度
超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。注意别放错地方了哦。iframe代码，注意要写ID<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto&q
2013-07-31 09:40:11
153
1
原创 HTML5-audio和video API
检测浏览器是否支持audio元素或video元素最简单的方式是用脚本动态创建它，然后检测特定函数是否存在：var hasVideo = !!(document.createElement('video').canPalyType);这段脚本会动态创建一个video元素，然后检查vanPlayType()函数是否存在。通过“!!”运算符将结果转换成布尔值，就可以反映出水平对象是否已创建成...
2013-07-23 17:33:55
281
原创 HTML5-canvas元素
变换：context.save();//保存样式context.restore();//恢复样式context.translate(x,y);浏览器变换：平移缩放、旋转路径：context.beginPath();//开始context.moveTo(x,y);//不绘制，只是将当前位置移动到新的目标坐标(x,y)context.lineTo(x,y);//不仅...
2013-07-22 21:23:54
100
原创 HTML5-笔记
HTML5的内容类型内嵌：向文档中添加其他类型的内容，例如audio、video、canvas和iframe等流：在文档和应用的body中使用的元素，例如form、h1和small等标题：段落标题，例如h1、h2和hgroup等交互：与用户交互的内容，例如音频和视频的控件、button和textarea等元数据：通常出现在页面的head中，设置页面其他部分的表现和行为，例如...
2013-07-21 22:17:59
120
原创 转-document.getElementById("xx").style.xxx中的所有属性
CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthbo...
2013-07-06 00:36:15
3065
原创 【转】- 按回车键实现登录-- JS实现
第一种方法： <html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>Check Score</title><script language="JavaScript">function keyLogin(){ if (event.keyCode==13
2013-07-05 15:25:01
101
原创 UI笔记——杂（不定时更新）
1.如何在button上设置鼠标触碰样式2.在页面中添加时间js代码（时时）3.页面加载状态4.固定页面元素位置不随滚动条滚动5.iframe获取子元素高度，父类自适应6.利用jquery滚动到导航条时固定(fixed)在顶部7.DIV和Table的水平、垂直居中8.JS各种获取控件ID的方法9.JS判断浏览器类型与版本10.给span宽度的CSS完美方法...
2013-07-03 21:05:08
141
原创 UI笔记——把网站变成非凡的品牌
不断努力将你的站点打造成一个不同凡响的品牌，这样用户会自愿地信任或者偏爱你的网站，而这正是你建立和开发网站过程汇总的意外收获。建立独一无二的设计了不起的视觉设计注重普遍的设计原则创造一些从来没有见到过的东西关键技巧创建行业或者市场中独一无二的设计。在所有在线设计中使用你选择的Logo，传递同样的信息和样式。注重细节，进行高质量的设计。不用挤进用得滥俗的潮流或...
2013-06-28 11:00:23
105
原创 UI笔记——提高访客转化率
不高您在什么行业、经营什么样的商业、组织或者社区，您都希望通过网站来提高销售额、注册量、RSS订阅数或者点击量。“转化”是在线营销的一个术语，描述了网站访客做出站长期望的动作这一过程。转化的效率用网站的全部访客与进行了特定动作的访客之比——转化率来表示多数站长都希望有一个很高的转化率。如何销售？要更有效地销售，你必须销售解决方案，而不仅仅是产品。需要让用户受益，而不仅仅是提供...
2013-06-28 10:38:05
192
原创 UI笔记——网站优化
响应慢甚至停止响应的网站非常恼人。将会用到的工具文本编辑器的选择配置好的LAMP服务器（Linux、Apache或Lighttpd、Mysql、PHP5）FTP帐号。FTP是向服务器中上传文件的通用方法。SSH帐号。为了修改远程Linux服务器的配置文件，你需要能通过访问的SSH帐号，可选的客户端有Putty或者Jellyfish。MySQL初级调试工具（如果没有访问...
2013-06-28 09:46:35
160
原创 UI笔记——设计、可用性、色彩
打好基础色彩入门不同色彩混合后会产生数以百万计的颜色，被称为色度（hue），影响不同的接收器。这些色调可以通过一个圆（通常被称为色盘）以度数的形式展示。每60°会产生一个不同的基色。这些基色中的3个被称为第一原色（红、绿、蓝），另外3个被称为第二原色（黄、青、品红），它们之间的6个基色被称为第三原色。一个通用的计算模型被称为HSB。它使用色度和其他两个相关的术语，饱和度（satura...
2013-06-27 17:08:58
196
原创 UI笔记——网站可用性原则
没有一个网站设计师不希望得到旁观者对他们网站的意见。把可用性的操作知识铭记在心，分阶段设计、及早测试和经常测试是非常重要的。要与用户保持一致，我们必须不仅仅专注于网站的外观，而这很难做到。只有提供了最佳用户体验的网站才能胜出。那些细节就是你的用户会反复留意的东西。用户如何思考？用户上网的习惯与顾客逛商店的习惯基本上没有太大的不同。他们以访客的目光浏览每个新页面，扫视某些文本，...
2013-06-27 16:00:42
649
原创 UI笔记——排版
行宽就是每行文本的长度，对于左对齐的文本块，45到75个字符（包括标点符号和空白）之间的长度值得推荐。66个字符被认为是最佳的长度：这个长度阅读起来最舒服，使研究不必在本行结束和下一行开始之时移动太远的距离。不要让宽度太短，因为频繁地在行与行之间移动，同样会使眼眼球疲劳。包含大量文本和排版相关的网站有更长的行宽，通常在70到100个字符之间。总体上，每行的字符在75到85个之间。不幸...
2013-06-26 14:11:05
336
原创 jsp页面显示时间（js方法）
function testDate(){ var date=new Date(); var result=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds(); document.getElement...
2013-06-25 11:02:49
249
原创 滚动条样式
.scrollbarCSS{ float:left; margin:0; overflow-x:hidden; overflow-y:auto; /*立体滚动条凸出部分的颜色*/ scrollbar-face-color:#555354; /*上下按钮上三角箭头的颜色*/ scrollbar-arrow-color:#555354; /*滚动条...
2013-06-25 10:53:57
100
原创 UI笔记——CSS的布局
页面布局固定宽度布局所用的宽度往往由显示器的平均分辨率决定。当下，大多数用户都已经拥有了1024×768或更高分辨率的显示器，所以大多数设计师选择了使用960像素或者1050像素作为固定宽度布局的宽度。个宽度可以避免水平滚动条的出现，并且为多数浏览器中都会出现的20像素的垂直滚动条留下了充足的空间。但是，对于低分辨率的屏幕，我们需要多加注意，如果固定宽度布局的宽度过宽，还是会出现水平的...
2013-06-19 15:56:28
163
原创 兼容多种不同的游览器的方法
XMLHttpRequest写道<script> function newXMLHttpRequest(){ var xmlhttp = false; if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); }esle if(window.ActiveXObejct){ try{ xmlhttp = new Act...
2013-06-18 15:45:16
155
原创 问题笔记，留给以后的自己解答
1.在不用jQuery的情况下用JavaScript如何实现层级的选择例： .... document.getElementById("test1")如何获取table标签并修改内部属性...
2013-06-05 19:57:21
103
原创 JavaScript学习笔记
函数执行call，apply都属于function.prototype的一个方法，它是在JavaScript引擎内部实现的，所以每个function对象实例，也就是每个方法都有call和apply属性，他们的作用一样，只是使用方法不同。fun.call(this,arg1,arg2,arg3)==fun.apply(this.arguments)==this.fun(arg1,arg2,a...
2013-06-01 12:52:15
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人