注册

作者: 未雨绸缪JS | 来源:发表于2018-10-28 15:46 被阅读0次

    注册页

    *{margin:0; padding:0; list-style:none; }

    body{

    text-align: center;

    overflow: hidden;

    background: #fff;

    }

    img{ border:0;  }

    a{ text-decoration:none; color:#333;  }

    a:hover{ color:#1974A1;  }

    /* 本例子css */

    .slideTxtBox{ width:600px; text-align:left; margin:0 auto;}

    .slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px 0 20px;  border-bottom:1px solid #ddd;  position:relative;}

    .slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px; margin-left:200px;}

    .slideTxtBox .hd ul li{ float:left; padding:0 25px; cursor:pointer; font-size:18px; color:#50996C;}

    .slideTxtBox .hd ul li.on{ height:30px;  background:#fff;border-bottom:2px solid #3496D7; }

    .slideTxtBox .bd ul{ padding:15px;  zoom:1;  }

    .slideTxtBox .bd li{ height:24px; line-height:24px;  }

    注册

    登录

    温馨提示

    为了您个人信息资料的安全,请牢记注册时输入的账号和密码

    在您离开本系统是时,请别忘记退出登录

    温馨提示

    为了您个人信息资料的安全,请注意卡号和密码的小心使用

    在您离开本系统是时,请别忘记退出登录

    jQuery(".slideTxtBox").slide({trigger:"click"});//定义画布宽高和生成点的个数

    var WIDTH = window.innerWidth, HEIGHT = window.innerHeight, POINT = 35;

    var canvas = document.getElementById('Mycanvas');

    canvas.width = WIDTH,

    canvas.height = HEIGHT;

    var context = canvas.getContext('2d');

    context.strokeStyle = 'rgba(0,0,0,0.02)',

    context.strokeWidth = 1,

    context.fillStyle = 'rgba(0,0,0,0.05)';

    var circleArr = [];

    //线条:开始xy坐标,结束xy坐标,线条透明度

    function Line (x, y, _x, _y, o) {

    this.beginX = x,

    this.beginY = y,

    this.closeX = _x,

    this.closeY = _y,

    this.o = o;

    }

    //点:圆心xy坐标,半径,每帧移动xy的距离

    function Circle (x, y, r, moveX, moveY) {

    this.x = x,

    this.y = y,

    this.r = r,

    this.moveX = moveX,

    this.moveY = moveY;

    }

    //生成max和min之间的随机数

    function num (max, _min) {

    var min = arguments[1] || 0;

    return Math.floor(Math.random()*(max-min+1)+min);

    }

    // 绘制原点

    function drawCricle (cxt, x, y, r, moveX, moveY) {

    var circle = new Circle(x, y, r, moveX, moveY)

    cxt.beginPath()

    cxt.arc(circle.x, circle.y, circle.r, 0, 2*Math.PI)

    cxt.closePath()

    cxt.fill();

    return circle;

    }

    //绘制线条

    function drawLine (cxt, x, y, _x, _y, o) {

    var line = new Line(x, y, _x, _y, o)

    cxt.beginPath()

    cxt.strokeStyle = 'rgba(0,0,0,'+ o +')'

    cxt.moveTo(line.beginX, line.beginY)

    cxt.lineTo(line.closeX, line.closeY)

    cxt.closePath()

    cxt.stroke();

    }

    //初始化生成原点

    function init () {

    circleArr = [];

    for (var i = 0; i < POINT; i++) {

    circleArr.push(drawCricle(context, num(WIDTH), num(HEIGHT), num(15, 2), num(10, -10)/40, num(10, -10)/40));

    }

    draw();

    }

    //每帧绘制

    function draw () {

    context.clearRect(0,0,canvas.width, canvas.height);

    for (var i = 0; i < POINT; i++) {

    drawCricle(context, circleArr[i].x, circleArr[i].y, circleArr[i].r);

    }

    for (var i = 0; i < POINT; i++) {

    for (var j = 0; j < POINT; j++) {

    if (i + j < POINT) {

    var A = Math.abs(circleArr[i+j].x - circleArr[i].x),

    B = Math.abs(circleArr[i+j].y - circleArr[i].y);

    var lineLength = Math.sqrt(A*A + B*B);

    var C = 1/lineLength*7-0.009;

    var lineOpacity = C > 0.03 ? 0.03 : C;

    if (lineOpacity > 0) {

    drawLine(context, circleArr[i].x, circleArr[i].y, circleArr[i+j].x, circleArr[i+j].y, lineOpacity);

    }

    }

    }

    }

    }

    //调用执行

    window.onload = function () {

    init();

    setInterval(function () {

    for (var i = 0; i < POINT; i++) {

    var cir = circleArr[i];

    cir.x += cir.moveX;

    cir.y += cir.moveY;

    if (cir.x > WIDTH) cir.x = 0;

    else if (cir.x < 0) cir.x = WIDTH;

    if (cir.y > HEIGHT) cir.y = 0;

    else if (cir.y < 0) cir.y = HEIGHT;

    }

    draw();

    }, 16);

    }


    注册处理页

    返回");//判断两次密码是否一致if($pwd!=$pwd2)die("两次密码输入不一致,返回");//判断用户名是否已使用$sql="select * from sender_study where nickname='$name'";$result = mysql_query($sql,$con);if($row = mysql_fetch_array($result))    die("用户名已被注册,返回");else{    $pwd=md5($pwd);    $sql="insert into sender_study(nickname,ps) values('$name','$pwd')";    mysql_query($sql,$con);    //echo "<>注册成功!返回登录";    echo "alert('注册成功!,请牢记用户名和密码');parent.location.href='/szai/html/register.php';"; }?>

    相关文章

      网友评论

          本文标题:注册

          本文链接:https://www.haomeiwen.com/subject/yslyxxtx.html