摘要：
通过按钮和上下左右键控制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)... 阅读全文
摘要：
格式化将0-9变成00-09的显示方式function forNum(num) { if (num < 10) return "0" + num; else return num;}countdown函数计算时间差返回数组形式，数组的第一个返回字符串，第二个返回布尔值判断是否结束参数：d1是服务器端传过来的秒形式d2是时间的字符串function countdown(d1, d2) { var endTime = new Date(d2).getTime() / 1000; var d = endTime - d1; var se... 阅读全文
摘要：
1． 用表单提交昵称进入聊天室，从提交的昵称字符串中查找是否包含“捣蛋鬼”，如果包含则显示“禁止进入”和返回查找的位置。（用两种方法查找） $t1= strpos("你好，捣蛋鬼。。。","捣蛋鬼"); if($t1){ echo "禁止进入"; echo $t1; } $t2= strstr("你好，捣蛋鬼。。。","捣蛋鬼"); if($t2){ echo "禁止进入"; echo strpos("你好，捣蛋鬼。。。","捣蛋鬼") 阅读全文
摘要：
1． 获取表单提交的字符串长度 strlenecho strlen($str);2． 把表单提交的字符串全部用大写和小写显示出来 strtoupper strtolowerecho strtoupper($str);echo strtolower($str);3． 去除掉表单提交的字符串首尾的空格 trimecho trim($str);4． 把表单提交的字符串逆序显示出来 strrevecho strrev($str);5． 格式化输出：a) 字符串输出长度为20，长度不够在前面补充@echo str_pad($str,50,"@",STR_PAD_LEFT);print 阅读全文