自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(33)
  • 收藏
  • 关注

原创 添加 WinJS 控件

WinJS 控件是针对 Windows 商店应用设计的控件,它提供了众多控件,让开发更加轻松,同时保证了应用风格的一致性。有很多控件非常实用,例如 WinJS.UI.DatePicker,WinJS.UI.Rating等。完整的控件列表。

2013-08-08 17:20:06 1333 2

原创 增加HTML控件并处理事件

应用程序免不了用到控件,例如按钮,下拉框等。Windows商店应用可以使用两种类型的控件,一类是标准的 HTML 控件,另一种是 WinJS 提供的控件。把一个 HTML 控件添加到应用中非常简单,和在网页中添加的方式一样,例如:An HTML Button添加控件后还要处理控件事件,否则添加控件的意义不大。针对于 button 我们处理它的 click 事件。我们添加一个元素用于显示

2013-08-08 16:07:41 1984

转载 拖拽文档元素

function stopEvent(evnt){ if(evnt.stopPropagation){ evnt.stopPropagation(); }else{ evnt.cancelBubble=true; } } function stopDefault(evnt){ if(evnt.preventDefault){ evnt.preventDefault(); } e

2011-11-16 10:12:49 389

原创 可怜的 DOM Level 2 事件模型

DOM Level 2 事件模型很诱人,提供了更方便更灵活的方式处理事件。但 IE 不支持它, IE 有独有的事件处理机制,同时IE不支持第一阶段 capture phase。在另一个阵营,支持 DOM Level 2 事件模型的各种浏览器中,它们对事件处理的不一致让开发者陷入困惑中,特别是上图中的第一阶段 capture phase 。若为一个元素注册了多个函数, DOM 标准无法保证它

2011-11-15 13:32:32 466

原创 鼠标事件发生时元素的定位

1.screenX 鼠标事件触发时相对于屏幕的水平坐标2.screenY 鼠标事件触发时相对于屏幕的垂直坐标3.clientX 鼠标事件触发时相对于浏览器内窗口的水平坐标4.clientY 鼠标事件触发时相对于浏览器内窗口的垂直坐标

2011-11-14 09:56:50 429

原创 Nginx 1.0.9 在 Ubuntu 11.10 Server 上的安装

遇到的问题记录一下:1.配置 --with-http_image_filter_module 时提示 requires the gd library.sudo apt-get install libgd2-xpm libgd2-xpm-dev2.配置 --with-http_xslt_module 时提示 requires the libxml2/libxslt lib

2011-11-13 10:33:28 2162

原创 tar 命令

tar -cf archive.tar foo bar 创建压缩文件,内容是文件 foo 和 bar 。tar -tvf archive.tar 列出 archive.tar 详细的文件列表tar -xf archive.tar 解压 archive.tar 中的所有文件

2011-11-11 17:33:30 313

转载 得到文档的尺寸

/** * 得到document的尺寸 * @return object */ function getDocumentSize(){ var size={}; if(document.documentElement && document.documentElement.scrollWidth){ size.width=document.

2011-11-08 14:51:59 291

转载 得到页面偏移位置(滚动条偏移位置)

/** * 得到页面偏移位置(滚动条偏移位置) * */ function getPageOffset(){ var pageOffset={}; if(window.innerWidth){ pageOffset.x=window.pageXOffset; pageOffset.y=window.pageYOffset;

2011-11-08 14:38:14 1326

转载 得到 URL 中的 query 参数

function getArguments(){ var args={}; var query=window.location.search.substring(1); var pairs=query.split("&"); for(var i=0;i<pairs.length;i++){ var pos=pairs[i].indexOf('=');

2011-11-08 11:43:36 3598

转载 反转 HTML 元素的子节点

/** * @param Element_Node n */ function reverse(n){ var fragment=document.createDocumentFragment(); while(n.lastChild){ fragment.appendChild(n.lastChild); } n.appendChi

2011-11-03 17:12:22 390

转载 将节点下所有文字变为大写

function myUpperCase(n){ if(n.nodeType==3){ n.data=n.data.toUpperCase(); }else{ for(var f=n.firstChild;f!=null;f=f.nextSibling){ myUpperCase(f); } } }

2011-11-03 15:53:40 334

转载 JavaScript:按字母排序列表的元素

/** * @param string ul * */ function sortLis(ul){ var u=document.getElementById(ul); var lis=u.getElementsByTagName('li'); var tmp=[]; for(var i=0;i<lis.length;i++){

2011-11-03 15:39:48 1252

转载 getElementsByClassName

function isMember(element,className){ var classes=element.className; if(!classes){ return false; } if(classes==className){ return true; } var whiteSpace=/\s+/; if

2011-11-03 15:05:19 314

转载 鼠标的位置

function getMousePosition(e){ var e = e || window.event; var x = 0, y = 0; if (e.pageX || e.pageY) { x = e.pageX; y = e.pageY; } else if (e.clientX || e.clientY) { x = e.clientX + document.b

2011-11-02 20:05:32 450

原创 得到鼠标选择的文字

function getSelectedText() { if (window.getSelection) return window.getSelection().toString(); if (document.getSelection) return document.getSelection(); if (document.selection) return doc

2011-11-01 14:08:49 307

原创 HTML 元素透明度

.translucent { /* this class makes a window partially transparent */ opacity: .75; /* Standard style for transparency */ -moz-opacity: .75; /* Transparency for older Moz

2011-10-27 17:47:12 587

原创 图片与文字的混排版,图片在文字后

Background image test p#footer { color:#767676; font-size:.77em; } p#footer a{ background:url(http://www.google.cn/intl/zh-CN_cn/images/cn_icp.gif) top right no-repeat; pad

2011-10-27 17:10:39 491

原创 HTML 页面 DIV 边框圆角

div { border:1px solid #ccc; margin:2em auto 1em; max-width:650px; min-width:544px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }

2011-10-27 16:33:49 20934

原创 HTML 页面中 DIV 居中技巧

html { background-color:#fff; margin:0 1em; } body { text-align:center; } div { border:1px solid #ccc; margin:2em auto 1em; max-width:650px; min-width:544px;

2011-10-27 16:31:11 2650

原创 将指定节点下的子节点倒序排列

/*** * 将指定节点下的子节点倒序排列 * @author rainyjune * @version 2011-10-26 * @param Node */ function reverseChildNodes(n){ var f=document.createDocumentFragment(); while(n.lastChild){

2011-10-26 16:38:09 451

原创 document.getElementsByClassName For IE

IE 6 不支持 document.getElementsByClassName ,如下是模拟函数:function getElementsByClassName(classname){ var d=document; var e=d.getElementsByTagName('*'); var

2011-10-22 14:16:58 1850

原创 HTML DOCTYPE

HTML 4.01 TransitionalHTML 4.01 strictXHTML 1.0 TransitionalXHTML 1.0 StrictXHTML 1.1

2011-10-19 09:23:06 75

原创 得到指定节点下的图片

/*** * 得到指定节点下的图片,不包含子节点下的图片 * @author rainyjune * @param node * @return array

2011-10-17 11:38:28 295

原创 统计 DOM 节点下子节点的数量

/** * @author rainyjune * @version 2011-10-17 */ function countTags(node){

2011-10-17 11:08:10 1491

原创 JavaScript 获取HTML文档节点的6种方式

HTML文档中含有如下内容: Name:通过 javascript 访问此 Form 节点的方式是: window.onload=function(){ // First alert(d

2011-10-17 10:52:29 755

原创 常用 vim 配置

在 Linux 环境中编辑 ~/.vimrc 文件,输入以下内容:set nuset autoindentset tabstop=4set softtabstop=4set shiftwidth=4"Shortcuts:inoremap

2011-10-16 15:59:57 409

原创 TinyMCE Emotions 插件定制

emotions 插件是一个常用的 TinyMCE 插件。我们的目的是1.将表情图案的 URL 设置成 http://localhost/emotionimg/smiley-cool.gif 格式2.可以添加其他表情图案到此插件中首先实现第一个要求:1.将

2011-10-16 15:57:20 726

原创 使用SMTP发送邮件

<br />为什么使用SMTP发送邮件?空间商经常会禁用PHP的 mail() 函数发送邮件更加灵活,无需被服务器端口或配置文件限制SMTP 比 mail() 函数更强大,更安全(支持SSL)<br />方案:Zend Framework 框架中 包含的邮件类。(http://framework.zend.com/)Swift Mailer (http://swiftmailer.org/)PHPMailer (http://phpmailer.worxware.com)<br />参考资料:h

2011-01-28 14:25:00 406

原创 Installing PEAR packages in a Windows XAMPP environment

<br />This tutorial assumes you have installed XAMPP for Windows Version 1.7.3, the directory of your xampp is C:/xampp.<br />Open the control panel then start Apache, visit http://localhost/xampp/pearinfo.php , now you can get pear info , the PEAR pa

2011-01-28 14:21:00 621

原创 zend studio 5.5 subversion :Server certificate verification failed: issuer is not trusted

<br />Today when i am using Zend Studio 5.5.1 to checkout my project hosted by Goolge, this error message displayed on Source Control Output of Zend Studio:svn: PROPFIND request failed on '/svn/trunk'<br />svn: PROPFIND of '/svn/trunk': Server certif

2011-01-28 14:21:00 1405

原创 在RHEL5上搭建LAMP环境

安装RHEL5时不选择安装Apache,MySQL,PHP.下载XAMPP:http://www.apachefriends.org/zh_cn/xampp-linux.html安装:下载后请输入以下命令:进入 Linux shell 并以系统管理员的身份登录:<br />su将下载的压缩文件释放到 /opt:<br />tar xvfz xampp-linux-1.7.1.tar.gz -C /opt<br /> 警告: 只允许使用上述命令安装 XAMPP。不要使用任何 Microsof

2011-01-28 14:19:00 359

原创 集成 Zend Studio 和 Aptana

众所周知 Zend Studio 和 Aptana 分别是编写 PHP 和 JavaScript 的利器,作为 Web 开发者,经常需要编写这两种代码。若分别安装 Zend Studio 和 Aptana,不仅浪费硬盘空间,还严重占用计算机的内存资源。由于二者均基于 Eclipse ,我们就有了将它们集成在一起的可能。本篇文章中使用的是 Zend Studio 7.2.1 和 Aptana 2.0.5 。请注意 Aptana 有两个版本,分别是 Standalone Version 和 Eclipse Pl

2010-08-29 16:17:00 834

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除