会飞的Pikachu-CSDN博客

翻译如何利用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 5947 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 2040

原创 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 1941 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 1453 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 4215 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 2948 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 5174 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 1713

原创常用的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 1457 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 1716

原创教你利用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 4209 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 2366

原创 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 3455

原创问题：关于一个坛友的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 1178

原创 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 1344

原创 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 1493

原创 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 2043

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

贴友需求，实现图示菜单的分类我对于这个问题的实现，不足之处，请求指正。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 2107

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

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

2014-10-01 00:17:02 1115

原创 JQuery插件之图片轮播插件–slideBox

今天偶然发现了一个比较好用的图片轮播插件—slideBox先看看效果：http://slidebox.sinaapp.com/代码如下 1: <!doctype html> 2: <html> 3: <head> 4: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5: <title>slideBox轮播插件</title> 6: <link href="css/

2014-09-30 17:53:14 6245 2

原创 Javascript时间操作小结

js代码 1: /*获取当前时间*/ 2: function getCurrentDate() 3: { 4: var timeStr = ''; 5: var curDate = new Date(); 6: var curMonth = curDate.getMonth()+1; //获取当前月份(0-11,0代表1月) 7: var curDay = curDate.getDate(); //获取当前日(1-31)

2014-09-30 11:45:12 1090

原创某网站静态首页的实现小结

在IE中，数字1,2,3不能居中，所以后来加个span（之前没有），用IE hacks解决 1: <!--[if IE]> 2: <style type="text/css"> 3: .circle span 4: { 5: display:block; 6: padding-top:12px; 7: font-weight:bold; 8: } 9: </

2014-09-29 12:19:19 1356

原创 PHP常用的基本文件和目录操作总结

4、复制目录 1: /* 2: *复制目录 3: *@param string $dirSrc 原目录名 4: *@param string $dirTo 目标目录名 5: */ 6: function copyDir($dirSrc,$dirTo) 7: { 8: if(is_file($dirTo)) 9: { 10: echo '目标目录不能创建';/*目标不是一个*/ 11:

2014-09-28 12:35:53 1444

翻译如何实现CSS居中？–CSS居中常用方法

一、水平居中 1、内联元素居中：相对父级块级元素居中对齐 1: .center-children { 2: text-align: center; 3: } 2、块级元素居中：设置margin-left和margin-right为auto让它居中（同时还要设置width，否则它就会承满整个容器，无法看出居中效果） 1: .center-me { 2: margin: 0 auto; 3: } 如果有很多块级元素需

2014-09-27 21:01:05 1193

原创网络大牛如何回答Chrome的15个刁钻面试题？

0（内容来自网络整理）Google的面试题在刁钻古怪方面相当出名，甚至已经有些被神化的味道。这里整理出15道Google面试题并一一给出了网络大牛的答案，其中不少都是流传很广的。第1题：让你清洗西雅图所有的玻璃窗，你的报价是多少？(职位：产品经理)答案：这一题我们可以玩点花招，我们的答案是“每扇窗10美元”。2 第2题：全世界共有多少名钢琴调音师？(职位：产品经理)答案：我们的回答是“要看市场情况。如果钢琴需要每周调音一次，每次调音需要1个小时，且每个调音师每周工作40个小时

2014-09-26 22:34:36 1403

原创仿照某商城首页的源代码及效果

导航的js,用了一种比较笨的方法 1: $("#ananshi").hover( 2: function(){ 3: $(this).parent().css({border:"1px solid #DBD1D1",backgroundColor:"#DBD1D1"}); 4: /*$('#nanshi').show();*/ 5: $('#nanshi').show(); 6: $('#nvshi').hide

2014-09-26 09:00:04 2541

原创趣文：你对程序员适不适合做老公的看法是？

内容来自网络整理。首先我们看原文：原文来自csdn论坛某贴: 找了个程序员做老公，所以认识了很多程序员。以前就没对程序员有过不好的看法，现在则更不会。发现csdn上老有悲观的论调，说程序员找不到老婆。今天我就以一个程序员妻子的身份，来写写找程序员做老公的好处。希望能给各位mm有借鉴，找程序gg做男朋友。一、找程序员不用担心外遇。程序员是对着电脑工作，周围同事大部分是男生。他的生活中基本接触不到mm，所以不会有办公室恋情的发生，也就不会有外遇问题发生。而且面对的诱惑少，不像

2014-09-24 15:44:37 1868

原创如何给超链接设置宽度和高度

3、对a设置padding 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <meta charset="utf-8" /> 5: <title>a设置宽度和高度</title> 6: <style> 7: .abc a{ 8: padding:10px 20px; 9: width:150px; 10: height:50px; 11: border:1p

2014-09-23 13:06:36 2491

原创 Linux与Windows的8个不同

（整理来自网络）对刚刚接触Linux的人来说，很容易从windows的观念去理解Linux系统。今天扒一扒Win和Linux之间常见的8个区别。一、Linux终端输入密码不回显字符用户的密码在Linux系统中非常重要，所以在终端等程序中输入密码是不会回显任何符号的，这样的设计是为了避免旁人记住你的密码位数从而破解你的密码，所以在终端输入密码的时候请盲打密码后轻敲回车即可！二、Linux的C盘是什么？Linux系统下的文件系统结构和Windows完全不同，如果真的要说Linux下的C盘，那

2014-09-22 18:16:59 1229

原创九个Console命令，让js调试更简单

一、显示信息的命令 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <title>常用console命令</title> 5: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6: </head> 7: <body> 8: <script type="text/javascript">

2014-09-21 18:41:17 1297

原创怎么解决div覆盖内容却没覆盖的问题?

一、在上下结构的div布局中，可能出现div覆盖div，但是内容却没有出现覆盖的现象。看看一个示例 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <title>DIV与DIV覆盖</title> 5: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6: <style> 7: .boxa,.boxb{ margin:0 au

2014-09-21 08:35:09 3545

原创问题：如何在固定大小的DIV层插入N多个图片

这是贴友问的一个问题，具体需求是：如何在固定大小的DIV层插入N多个图片，使其一行排列，超出层宽时出现滑动条？原以为利用overflow属性可以实现，但是测试失败。后来利用div层叠实现了效果。HTML代码： 1:  2: <!DOCTYPE html> 3: <html> 4: <head> 5: <meta http-equiv="content-type"

2014-09-20 21:22:37 1699