07 2012 档案
摘要：datepicker介绍：参考：http://jqueryui.com/demos/datepicker/css:.ui-datepicker { width: 300px; padding: .2em .2em 0;}.ui-widget-header{background: none;border:none;}.ui-datepicker-title{ border-bottom:1px solid #CCCCCC;}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-de
阅读全文
摘要：bool define ( string name, mixed value [, bool case_insensitive] )define函数作用是定义常量define('DB_HOST', 'localhost');define('DB_USER', 'root');define('DB_PWD', '123456');define('DB_NAME', 'mtest');resource mysql_connect ( [string server [, s
阅读全文
摘要：早打算写些关于数据库操作方面的知识了，现在终于完成了第一篇，以下记录了关于mysql操作方面的基础知识。在window下，启动、停止mysql服务启动mysql数据库net start mysql停止mysql数据库net stop mysql重新启动mysql数据库net restart mysql命令行形式，mysql基本命令的使用1、命令的取消\c2、退出mysql窗口exit;或quit;或ctrl+c3、查看数据库版本号select version();4、显示当前存在的数据库show databases;5、选择test数据库use test;6、查看选择的数据库select da
阅读全文
摘要：jquery动画有意思的地方见效果图： 思想：将图片设置分割div的背景图片，控制div的属性，可以现实有趣的滤镜效果，本例中展示了一种，感兴趣的朋友可以尝试其他滤镜的实现。本例其余动画部分，主要是利用jquery中提供animate和delay实现。animate：这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性。delay：设置一个延时来推迟执行队列中之后的项目。实例效果：<!DOCTYPE html><html> <head> <title>jquery 动画</title> &l
阅读全文
摘要：js连连看首先见证奇迹的时刻---效果图如下：实现主要分为三个部分：一、创建元素块二、随机分布元素块三、事件绑定一、创建元素块生成span的元素标签，并将标签添加到父容器中，设置其left、top和background属性。/* * creSpan 创建元素标签 * n 指当前个数 * mpId 指父容器 * mleft 指其left属性值 * mtop 指其top属性值 * bgcolor 指其背景色属性值*/ function creSpan(n,mpId,mleft,mtop,bgcolor){ var mSpan = document.create...
阅读全文
摘要：含羞默默一张一合效果---田首先展示“田”字效果实现思想主要分为几部分随机生成颜色值 var getRandomColor = function(){ return '#' + (function(color){ return (color += '0123456789abcdef'[Math.floor(Math.random()*16)]) && (color.length == 6) ? color : arg...
阅读全文
摘要：含羞默默一张一合效果实验版，现在有多方面各种问题，会继续美化，敬请期待。。。<!DOCTYPE html><html> <head> <title>含羞默默一张一合效果</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://files.cnblogs.com/kuik
阅读全文
摘要：旋转的地球实现原理：外层的轮廓是球形，里层包含一张世界地图背景，按照一定的时间匀速运动。一、画轮廓支持css3属性border-radius可以其属性，制作球形。ie6-ie8采用蒙版效果。mask样式中将background设置一张中间为圆形全透明的png8图片。采用ie识别hack，*包括（ie6，ie7），\0包括（ie8）。备注：因为上传到博客园中相册中的图片会被修改，所以在ie上看到的效果不对。可以将代码拷贝到本机上并制作一张相同的png8遮罩图片即可，此时运行便能看到效果。遮罩效果的焦点图css遮罩#content{width: 300px; height: 300px; bord
阅读全文
摘要：通过按钮和上下左右键控制div中的属性向左移2像素 ← 按下时向左移10像素向右移2像素 → 按下时向右移10像素向上移2像素 ↑ 按下时向上移10像素向下移2像素 ↓ 按下时向下移10像素放大 ctrl + ↑ 系数为1.01扩大 缩小 ctrl + ↓ 系数为0.99减小快速使图片位于红色方框内确定计算图片在红色边框内的坐标位置<!DOCTYPE html><html> <head> <title></title> <meta http-equiv="Content-Type" content="
阅读全文
摘要：已经不是第一次写焦点图了。但是每一次写都有不同进步和完善。这次带来了遮罩效果的焦点图。设计思想：采用绝对定位，关于mask是设置遮罩层，这个图层位于最上面，关于pic是焦点图片。控制width，height，margin-left，margin-top，z-index属性，便可以实现漂亮的遮罩效果。焦点图简单的手风琴效果下面演示最原始的效果：<!DOCTYPE html><html> <head> <title></title> <meta http-equiv="Content-Type" content=
阅读全文
摘要：css遮罩图片采用形状透明的（alpha透明度），图片格式为png8。备注：IE6仅支持100%。使用position定位。父容器relative，子容器absolute。带形状遮罩层 带颜色透明层 内容层 mask opacity content有机的结合会美化网站。示例效果图如下：<!DOCTYPE html><html><head> <title>css遮罩</title> <style type="text/css"> *{margin:0px;padding:0px;} body{backgr
阅读全文
摘要：自动序列编号和自动属性编号，效果图如下：实现原理：添加和删除是逆向过程，实现是一致的。增加时，向父容器中增加元素append方法，并将所有的自定义属性编号和序列编号设置为空，然后通过$.each方法，重新为自定义属性编号和序列编号赋值。$.each(items, function (k, v) { $(this).attr("opt", "mopt" + k); serials.eq(k).html(k);});删除时，为所有删除按钮绑定事件live方法，将元素从父容器中删除detach方法，并将所有的自定义属性编号和序列编号设置为空，然后通过$.eac
阅读全文
摘要：模拟抽奖的实现过程旋转原理：当支持CSS3属性采用transform: rotate（角度deg）设置,当角度为正数时顺时针旋转，当为负数时逆时针旋转。如果是IE8及其以下，采用采用绝对定位设置top和left，模拟角度旋转。run方法，参数angle指角度 function run(angle) { if (isIE) { cosDeg = Math.cos(angle * Math.PI / 180); sinDeg = Math.sin...
阅读全文
摘要：雪花那个飘“雪花”相对父容器绝对定位，向父容器中增加一片片“雪花”。创建“雪花”，document.createElement("span"),为“雪花”增加css样式，设定初始值top和left。top设为相对父元素-parseInt(spanY + Math.random() * 20)，即偏移顶部多少的一个小范围值。left相对父元素parseInt(Math.random() * 900)，即随即在900这个范围内取值。N指雪花的数pId指父容器eSpan指“雪花”并为雪花设置样式 this.N = N; this.pId =...
阅读全文
摘要：碰撞检测：1、圆形与矩形的碰撞检测函数ComputeCollision，当相对距离小于圆形半径的时候为碰撞。 参数介绍(w：矩形的宽，h：矩形的高，r：圆形半径，rx：圆形中心与矩形中心相对坐标X，ry：圆形中心与矩形中心相对坐标Y） function ComputeCollision(w, h, r, rx, ry) { var dx = Math.min(rx, w * 0.5); var dx1 = Math.max(dx, -w * 0.5); var dy = Math.min(ry, h * 0.5)...
阅读全文
