2014年10月_会飞的Pikachu

12月 11月 10月 09月 08月 07月 06月 05月

翻译怎么对HTML 5的特性做检测？

原译文地址：http://www.ido321.com/1116.html原文：Detect HTML5 Features译文：HTML5特性检测译者：dwqs随着HTML 5的流行，现在HTML 5占据了主要的市场份额，HTML 5增加了很多的新功能，这些新功能可以让Web体验变得更好。大多数特性在现代的主流浏览器中获得了支持，因此我们可以放心使用这些新特性来增加Web体验。但是，当有新版本的浏览器发布时，我们不要忘记一些旧版本或者老的浏览器。目前的另外一个事实是，用户想用旧版本的浏览

2014-10-31 11:59:33 1150

原创博客收录集的源代码分享，需要那就快来吧

原文：http://www.ido321.com/1112.html之前的博客收录集只是初版，还在修改，所以就不拿出来分享了。现在博客收录集的终版已经敲定：http://www.ido321.com/daohang/改版说明如下：1、增加了“我要上榜”板块：根据随机筛选和博主在本博客的活跃度匹予以展示，增加各收录博客的展示机会。2、统计每个分类的博客数目：每个分类在首页显示20个，超出部分已链接形式链接到对应的页面（文件名以类别前缀+more自动生成）。（见上图的Web开发）3、可以再博

2014-10-28 22:46:01 1281 2

原创怎么使用PHPMailer实现邮件的发送？？

来源：http://www.ido321.com/1103.html发送邮件是常用的功能，LZ今天在项目中也碰到了，特此分享一下。首先，去下载PHPMailer1、https://github.com/dwqs/PHPMailer2、http://download.csdn.net/detail/u011043843/8063583下载之后，将文件解压到项目目录的对应位置，将class.phpmailer.php和class.smtp.php引入项目中，看代码：（解压的文件不要删除，否则

2014-10-26 02:00:00 1879

原创 Google Maps API显示地图的小示例

来源：http://www.ido321.com/1089.html效果（新版Firefox中测试）：代码：<!DOCTYPE><html><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Google Map</title> <script type="text/javascript" src="http://maps.google.com/maps/ap

2014-10-24 08:35:37 1295

原创 PHP实现分页：文本分页和数字分页

来源：http://www.ido321.com/1086.html最近，在项目中要用到分页。分页功能是经常使用的一个功能，所以，对其以函数形式进行了封装。// 分页分装/*** $pageType 分页类型 1是数字分页 2是文本分页* 可以将$pageTotal,$page,$total等数据作为参数传递，或者在paging作为全局变量（推荐）*/function paging($pageType){ global $pageTotal,$page,$total;

2014-10-23 08:41:46 1496

原创你在博客收录集吗？

来源：http://www.ido321.com/1075.html亲们，现在小站也有博客收录集喽了：http://www.ido321.com/daohang/因为我平时比较喜欢收录博客，所以就干脆建了一个博客收录集，如果你喜欢这个收录集，想成为其中一员，就赶快行吧下一篇：PHP实现分页：文本分页和数字分页

2014-10-22 16:26:43 958

翻译 HTML 5 History API的”前生今世”

原文：An Introduction To The HTML5 History API译文：关于HTML 5 History API 的介绍译者：dwqsHistory是有趣的，不是吗？在之前的HTML版本中，我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法，但这就是一切我们能做的了。但是，利用HTML 5的History API，我们可以更好的控制浏览器的历史记录了。例如：我们可以添加一条记录到历史记录的列表中，或者在没有刷新时，可以更新地址栏的URL。为什么介绍

2014-10-21 09:58:30 1323 1

原创 CSS:权重和层叠规则决定了其优先级

来源：http://www.ido321.com/1063.html首先，给大家看一篇关于CSS优先级的示例：http://www.ido321.com/76.html一、基本的优先级规则比较同一级别的个数，数量多的优先级高，如果相同即比较下一级别的个数，至于各级别的优先级如下： important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承二、CSS权重规则在《页面重构中的模块化设

2014-10-20 13:36:34 1314

原创如何在网站中添加音乐

来源：http://www.ido321.com/1042.html发现有很多的个人博客中添加了背景音乐，以增强用户体验。LZ搜集到了两种在网站中添加音乐的方式。一、豆瓣的FM 这个非常简单，一段代码就可以实现。<p> <iframe name="iframe_canvas" src="http://douban.fm/partner/baidu/doubanradio" height="200" width="500"

2014-10-19 12:26:33 5532 4

翻译如何利用WordPress创建自定义注册表单插件

来源：http://www.ido321.com/1031.html原文：Creating a Custom WordPress Registration Form Plugin译文：创建一个定制的WordPress插件注册表单译者：dwqs开门见山，WordPress提供了一个自定义的注册表单供新用户使用，或者当添加一个新用户到已经存在的WordPress站点。但是如果你想实现一个自定义的注册表单而没有显示WordPress仪表盘的选项呢？在这篇文章中，我们将学会怎么使用标签模板和短代

2014-10-17 09:16:13 5949 2

原创 PHP的MySQL扩展：PHP访问MySQL的常用扩展函数

来源：http://www.ido321.com/1024.html一、PHP连接数据库及基本操作 MySQL采用的是’客户机/服务器’架构。使用PHP安装的MySQL扩展函数，和直接使用客户端软件区访问MySQL数据库服务器，原理一样，都需要向MySQL管理系统发送SQL命令，然后将结果返回给用户。在PHP中，SQL分为两类（查看SQL语句分类）：一是有返回结果集的DQL语句，如select/desc 表名，执行完毕之后，需要PHP处理结果集；二是没有结果集的，如

2014-10-16 13:26:35 2041

原创 PHP的MySQL扩展：MySQL数据库概述

来源：http://www.ido321.com/1023.html一、SQL：结构化查询语言 SQL（Structured Query Language）是高级的非过程化变成语言，专门用于查询和修改数据库的信息以及对数据库进行管理和维护的标准语言。SQL语言结构简单，功能强大，得到了众多DBMS的支持。 SQL分为四个部分：数据定义语言（DDL）：用于定义和管理数据对象，包括数据库、数据表等。如create/drop/alter等

2014-10-16 00:10:47 1942 2

原创 JQuery笔记：JQuery和JavaScript的联系与区别

来源：http://www.ido321.com/1019.htmlps:LZ觉得这个标题有点大了，超出了能力范围，不喜勿碰。目前只记录LZ能力范围内的，日后持续补充。一、JQuery对象和DOM对象的相互转化（《锋利的JQuery》） JQuery转化为DOM： 1、var jq = $(‘#selector’); var dom = jq[index]; 2、var jq1 = $(‘#selector1’); var do

2014-10-15 16:14:24 1454 2

原创《千与千寻》给读者带来了什么？

其实我不太喜欢看动漫一类的电影，无聊之中，在朋友的推荐下就看了第一部动漫电影–《千与千寻》。看完之后，只想说：好。在网上找了与《千与千寻》有关的信息，发现各路网友和社区对这部电影的评价很高。那么，《千与千寻》给读者带来了什么？1、不要放纵自己的欲望因为放纵欲望，千寻的父母变成了猪。（ps->突然让我想到：你可以跟猪一样懒，但是无法像猪一样懒得心安理得）2、真诚地对待身边的每一个人，每一个生命无论是腐烂神还是无面人，千寻仍然是千寻，不会因为她面对的人或物发生改变而改变3、人和动物的最大区别是

2014-10-14 12:23:17 1561 8

原创 Canvas入门（3）:图像处理和绘制文字

9个JQuery和5个JavaScript经典面试题

2014-10-14 00:06:27 4216 6

原创 Canvas入门（2）:图形渐变和图像形变换

来源：http://www.ido321.com/986.html一、图形渐变（均在最新版Google中测试）1、绘制线性渐变 1: // 获取canvas 的ID 2: var canvas = document.getElementById('canvas'); 3: if (canvas == null) 4: { 5: return false; 6: } 7: // 获取上下文

2014-10-13 12:42:51 1746

原创 Canvas入门（1）：绘制矩形、圆、直线、曲线等基本图形

来源：http://www.ido321.com/968.html一、Canvas的基础知识Canvas是HTML 5中新增的元素，专门用于绘制图形。canvas元素就相当于一块“画布”，一块无色的透明区域，需要利用JavaScript编写在其中进行绘画的脚本。在页面放置canvas元素很简单，利用<canvas>标签，同时指定几个基本的属性：id,width和height。接下来通过几个小案例，跟我入门canvas吧~~~^_^~~~二、Canvas小案例（测试结果来自Google最新版本

2014-10-12 19:51:48 2949 2

原创初识HTML 5：关于它的三个三

来源：http://www.ido321.com/949.html一、HTML 5受欢迎的三个理由1、IE、Google、Firefox、Safari、Opera等主流浏览器的支持1.1 微软：2010年3月16日，微软在拉斯维加斯举行的MIX10技术大会上推出IE9预览版，更多支持CSS3、SVG和HTML 5等互联网通用标准。1.2 Google：2010年2月19日，谷歌Gears的项目经理伊安-费特通过博客宣布，谷歌将放弃Gears，重点开发HTML 5。1.3 苹果：20

2014-10-12 09:42:42 1205 2

原创关于form.submit()不能提交表单的错误原因

来源：http://www.ido321.com/948.html直接上代码把： 1: <div id="register"> 2: <h4>会员注册</h4> 3: <div class="formdiv"> 4: <form method="post" action="register.php?action=register" name="register" id="registerForm"> 5: <

2014-10-12 01:21:51 5177 2

翻译 IE 8兼容：X-UA-Compatible的解释

来源：http://www.ido321.com/940.html来自StackOverFlow问题描述： 1: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />1、这个到底是什么意思？2、一些示例使用”,”分离IE的版本，而一些使用”；“，哪个正确？3、我想知道IE=9; IE=8; IE=7; IE=EDGE顺序的含义。在文档中使用了<!DOCTYPE>答复：对于IE

2014-10-11 13:00:13 1714

原创常用的CSS Hack技术集锦

来源：http://www.ido321.com/938.html一、什么是CSS Hack？不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。CSS Hack常见的有三种形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。1、属性级Hack：比如IE6能识别下划线”_”和星号” * “

2014-10-11 00:13:06 1461 1

原创 PHP制作验证码

PHP制作验证码详细教程效果：myvcode.class.php：封装创建验证码的类 1: <?php 2: /* 3: * file:myvcode.class.php 4: * 验证码类,类名Vcode 5: */ 6: class Vcode 7: { 8: private $width; /*验证码宽度*/ 9: private $height; /*验证

2014-10-10 10:26:27 1054

原创利用原生JavaScript获取样式的方式小结

ps：是获取样式，不是设置样式。若没有给元素设置样式值，则返回浏览器给予的默认值。（论坛整理） 1、element.style:只能获取写在元素标签中的style属性里的样式值，无法获取到定义在<style></style>和通过<link href=”css.css”>加载进来的样式属性 1: var ele = document.getElementById('ele'); 2: ele.style.color; //获取颜色 2、window.getCompute

2014-10-06 00:09:28 3355 2

原创利用Javascript获取当前日期的农历日期

JavaScript代码 1: /*设置农历日期*/ 2: var CalendarData=new Array(100); 3: var madd=new Array(12); 4: var numString="一二三四五六七八九十"; 5: var monString="正二三四五六七八九十冬腊";6: var cYear,cMonth,cDay,TheDate;// 农历每月只能是29或30天，一年用12(或13)个二进制位表示，从高到低，对应位为1表

2014-10-05 11:03:27 1719

原创教你利用iframe在网页中显示天气

css： 1: *{margin:0;padding:0;list-style-type:none;} 2: a,img{border:0;} 3: body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} 4: 5: /* demo */ 6: .demo{width:800px;margin:0 auto;} 7: .demo div{margin:40px 0 0 0;}html：

2014-10-05 01:31:22 4211 3

翻译你认为你很了解Javascript？

（翻译不当之处请谅解）这里有5个小脚本，有助于你真正理解JavaScript核心–闭包和作用域。没有在控制台运行之前，尝试回答每个案例中会弹出什么内容，然后你可以创建一个测试文件去核对你的答案。你准备好了吗？1、 1: if (!("a" in window)) { 2: var a = 1; 3: } 4: alert(a);2、 1: var a = 1, 2: b = function a(x) { 3:

2014-10-04 18:54:30 975

原创 JavaScript中的top、left、width、Height详解

html代码 1: <body> 2: <div class="father" id="father"> 3: <h3>这是父元素，屏幕分辨率是1366*768</h3> 4: <div class="son" id="son"> 5: <h3>这是子元素，祝大家国庆快乐 </h3> 6: <div class="grandson" id="grandson">

2014-10-04 02:58:37 2367

原创 document.body、document.documentElement和window获取视窗大小的区别

在w3school关于window对象的介绍中，介绍了获取浏览器窗口大小的三种方法（浏览器的视口，不包括工具栏和滚动条）。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度对于 Internet Explorer 8、7、6、5： document.documentElement.clientHe

2014-10-03 23:12:02 3457

原创问题：关于一个坛友的html布局实现

这个跟上次贴友分类菜单的实现类似html： 1: <body> 2: <div class="test"> 3: <div> 4: <img src="my.jpg" alt="test"> 5: <h3>图片标题</h3> 6: <span><a href="#">编辑</a> <a href="#">删除</a></span> 7:

2014-10-03 11:45:49 1179

原创 PHP图像操作：3D图、缩放、旋转、裁剪、添加水印（三）

5、PHP对图像的旋转 1: <div> 2: <h4>旋转之前</h4> 3: <img src="1.png" style="border:1px solid red;"> 4: </div> 5: <?php 6: header("content-type","text/html;charset=utf-8"); 7: 8: /* 9: *图片沿y轴旋转,以png格式为例 10: *@param stri

2014-10-03 01:14:45 1345

原创 PHP图像操作：3D图、缩放、旋转、裁剪、添加水印（二）

4、PHP为图像添加水印 1: <div> 2: <h4>没有水印</h4> 3: <img src="1.png" style="border:1px solid red;"> 4: </div> 5: <?php 6: header("content-type","text/html;charset=utf-8"); 7: 8: /* 9: *给背景图片添加水印,背景图片格式png,水印格式gif 10:

2014-10-03 01:11:43 1494

原创 PHP图像操作：3D图、缩放、旋转、裁剪、添加水印（一）

1、利用php gd库的函数绘制3D扇形统计图 1: <?php 2: header("content-type","text/html;charset=utf-8"); 3: /*扇形统计图*/ 4: $image = imagecreatetruecolor(100, 100); /*创建画布*/ 5: 6: /*设置画布需要的颜色*/ 7: $white = imagecolorallocate($image,0xff,0xff,0xff)

2014-10-03 01:10:19 2044

原创问题：关于贴友分类菜单的实现

贴友需求，实现图示菜单的分类我对于这个问题的实现，不足之处，请求指正。html： 1: <body> 2: <div class="test"> 3: <h3>所有分类</h3> 4: <div class="fenlei"> 5: <h4>精美包包</h4> 6: <ul> 7: <li>双肩包</li> 8:

2014-10-02 08:27:31 1180

原创 jq实现图片轮播:圆形焦点+左右控制+自动轮播

html代码： 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta http-equiv="content-type" content="text/html;charset=utf-8"> 5: <title>JQ图片轮播</title> 6:  7: <link rel="stylesheet" type="text/css" hr

2014-10-02 00:22:35 4816

原创 CSS快速制作图片轮播的焦点

演示地址：http://jsfiddle.net/m/qet/代码： 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta http-equiv="content-type" content="text/html;charset=utf-8"> 5: <title>图片轮播的焦点</title> 6: <style type="text/css"> 7:

2014-10-01 19:35:56 2108

原创常用的正则表达式归纳—JavaScript正则表达式

2、常用的正则表达式：匹配中文字符的正则表达式： [\u4e00-\u9fa5]匹配双字节字符(包括汉字在内)：[^\x00-\xff]匹配空白行的正则表达式：\n\s*\rps：可以用来删除空白行匹配HTML标记的正则表达式：<(\S*?)[^>]*>.*?</\1>|<.*? />匹配首尾空白字符的正则表达式：^\s*|\s*$ps：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式匹配Email地址的正则表达式：\w+([-+.]\w+)*@\

2014-10-01 00:17:02 1116