[javascript] / javascript document
// 作者qq 496928838 博客 http://wl.125.la
$(document).ready(function(e) {
//获取用户文本框
var username=$(#username);
//获取用户密码框
var password=$(#password);
//获取文本框前面图片
var userimg=$(#userimg);
//获取密码框前面图片
var pwimg=$(#pwimg);
//给用户文本框置焦点
username.focus();
//绑定用户文本框焦点事件，失去焦点事件，按下某件事件
username.focus(function(){
userimg.css(background-position,0px);
}).blur(function(){
userimg.css(background-position,-33px);
}).keypress(function(e){
var key=e.which;
if(key==13){
password.focus();
}
});
//绑定密码文本框焦点事件，失去焦点事件，按下某件事件
password.focus(function(){
pwimg.css(background-position,-66px);
}).blur(function(){
pwimg.css(background-position,-99px);
}).keypress(function(e){
var key=e.which;
if(key==13){
$(#login).click();
}
});
//绑定登陆按钮点击事件，移入事件，移出事件
$(#login).click(function(){
//获取用户名称
var strusetname = $(#username).val();
//获取用户输入密码
var strpassword = $(#password).val();
var msg=$(#msg);
$.ajax({
url:'admin.php?m=admin&a=login',
type:'post',
datatype:'json',
data:{
username:strusetname,
password:strpassword
},
success: function(json){
if (json.state=='ok') {
msg.html(登陆成功);
}else{
msg.html(json.error);
}
}
});
}).mousemove(function(){
$(this).css(background-position,-138px);
}).mouseout(function(){
$(this).css(background-position,0px);
});
});
// javascript document
// 作者qq 496928838 博客 http://wl.125.la
$(document).ready(function(e) {
//获取用户文本框
var username=$(#username);
//获取用户密码框
var password=$(#password);
//获取文本框前面图片
var userimg=$(#userimg);
//获取密码框前面图片
var pwimg=$(#pwimg);
//给用户文本框置焦点
username.focus();
//绑定用户文本框焦点事件，失去焦点事件，按下某件事件
username.focus(function(){
userimg.css(background-position,0px);
}).blur(function(){
userimg.css(background-position,-33px);
}).keypress(function(e){
var key=e.which;
if(key==13){
password.focus();
}
});
//绑定密码文本框焦点事件，失去焦点事件，按下某件事件
password.focus(function(){
pwimg.css(background-position,-66px);
}).blur(function(){
pwimg.css(background-position,-99px);
}).keypress(function(e){
var key=e.which;
if(key==13){
$(#login).click();
}
});
//绑定登陆按钮点击事件，移入事件，移出事件
$(#login).click(function(){
//获取用户名称
var strusetname = $(#username).val();
//获取用户输入密码
var strpassword = $(#password).val();
var msg=$(#msg);
$.ajax({
url:'admin.php?m=admin&a=login',
type:'post',
datatype:'json',
data:{
username:strusetname,
password:strpassword
},
success: function(json){
if (json.state=='ok') {
msg.html(登陆成功);
}else{
msg.html(json.error);
}
}
});
}).mousemove(function(){
$(this).css(background-position,-138px);
}).mouseout(function(){
$(this).css(background-position,0px);
});
});
请求的ajax方法
[php] public function login()
{
$json['state']='no';
if (!empty($_post['username']) && !empty($_post['password'])) {
$username=$_post['username'];
$password=md5($_post['password']);
/*var_dump($_post);
var_dump($password);
var_dump($password);*/
if($_session['userdata']=$this->db->where(username='{$username}' and password='{$password}')->fine()){
$json['state']='ok';
// echo ;
$_session['login']=true;
}else{
$json['error']='用户不存在或密码错误';
}
}else {
$json['error']='请输入用户名和密码';
}
echo json_encode($json);
//$this->display();
}
public function login()
{
$json['state']='no';
if (!empty($_post['username']) && !empty($_post['password'])) {
$username=$_post['username'];
$password=md5($_post['password']);
/*var_dump($_post);
var_dump($password);
var_dump($password);*/
if($_session['userdata']=$this->db->where(username='{$username}' and password='{$password}')->fine()){
$json['state']='ok';
// echo ;
$_session['login']=true;
}else{
$json['error']='用户不存在或密码错误';
}
}else {
$json['error']='请输入用户名和密码';
}
echo json_encode($json);
//$this->display();
}
http://www.bkjia.com/phpjc/477410.htmlwww.bkjia.comtruehttp://www.bkjia.com/phpjc/477410.htmltecharticle总结一下学到的特效，获得焦点事件focus 失去焦点事件 blus 按下某键事件 keypress [javascript] / javascript document // 作者qq 496928838 博客 http://wl....