asp.net登陆注册程序,界面好看点的~
登陆注册页面
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #016aa9;
overflow:hidden;
}
.STYLE1 {
color: #000000;
font-size: 12px;
}
-->
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0">
<div style="font-family:宋体; color:#FFFFFF; filter:Glow(Color=#000000,Strength=2);
WIDTH: 100%; FONT-WEIGHT: bold; FONT-SIZE: 19pt; margin-top:5pt">
登陆注册页面
用户
<asp:TextBox ID="TextBox1" runat="server" Width="138px" style="height:18px; width:130px;
border:solid 1px #cadcb2; font-size:12px; color:#81b432;">
密码
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password" style="height:18px; width:130px;
border:solid 1px #cadcb2; font-size:12px; color:#81b432;">
权限
求一个好看的ASP.NET登录界面，在线等啊
* {
margin: 0;
padding: 0;
}
body {
overflow: hidden;
}
#myCanvas {
border: 1px;
background-color: lavenderblush;
}
.a {
text-align: center;
font-weight: bold;
font-size: 17px;
color: #787878;
font-family: "Comic Sans MS", cursive;
}
.tou {
font-size: 14px;
text-align: center;
color: #787878;
font-family: "Comic Sans MS", cursive;
}
//获取窗口宽高
var w = window.innerWidth;
var h = window.innerHeight;
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
//设置画布宽高与窗口宽高一样
canvas.width = w;
canvas.height = h;
//随机数函数
function fnRandom(min, max) {
return parseInt((max - min) * Math.random() + min + 1)
}
function Round() {
this.r = fnRandom(10, 30);
this.diam = this.r * 2;
//随机位置
var x = fnRandom(0, canvas.width - this.r);
this.x = x < this.r ? this.r : x;
var y = fnRandom(0, canvas.height - this.r);
this.y = y < this.r ? this.r : y
//随机速度
var speed = fnRandom(2, 4) / 10
this.speedX = fnRandom(0, 4) > 2 ? speed : -speed;
this.speedY = fnRandom(0, 4) > 2 ? speed : -speed;
//颜色
this.color = "orange";
}
Round.prototype.draw = function () {
//绘制函数
ctx.fillStyle = this.color;
ctx.beginPath()
ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
}
Round.prototype.move = function () {
this.x += this.speedX;
if (this.x > canvas.width - this.r) { //
this.speedX *= -1;
this.x = this.r
} else if (this.x < this.r) {
this.x = canvas.width - this.r
}
this.y += this.speedY;
if (this.y > canvas.height - this.r) { //
this.speedY *= -1;
this.y = this.r
} else if (this.y < this.r) {
this.y = canvas.height - this.r
}
}
//使用Round
var allRound = [];
function initRound() {
//初始化30个圆形对象,放到数组中
for (var i = 0; i < 30; i++) {
var obj = new Round();
obj.draw();
obj.move();
allRound.push(obj);
}
}
initRound();
var dxdy = []
function roundMove() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
//遍历所有的圆形对象,让对象自己重绘,移动
for (var i = 0; i < allRound.length; i++) {
var round = allRound[i];
round.draw();
round.move();
dxdy[i] = {
dx: round.x,
dy: round.y
};
var dx = dxdy[i].dx;
var dy = dxdy[i].dy;
for (var j = 0; j < i; j++) {
var sx = dxdy[j].dx;
var sy = dxdy[j].dy;
l = Math.sqrt((dx - sx) * (dx - sx) + (dy - sy) * (dy - sy));
var C = 1 / l * 7 - 0.009;
var o = C > 0.03 ? 0.03 : C;
ctx.strokeStyle = 'rgba(0,0,0,' + o + ')'
ctx.beginPath()
ctx.lineWidth = 2;
ctx.moveTo(dxdy[i].dx, dxdy[i].dy)
ctx.lineTo(dxdy[j].dx, dxdy[j].dy);
ctx.closePath()
ctx.stroke()
}
}
window.requestAnimationFrame(roundMove)
}
roundMove();
给你个背景
