如果你会Jquery的话 解决你这里所说的所问题都好解决了
给你写点例子吧
$(function()
{
$("input:first").click(function()
{
alert("jquery 实现");
});
});
如果你点击了你页面的第一个input标签的话,那么就会弹出 ”jquery 实现“ 这几个字
你要改变样式也很简单 $("body").addClass("style1"); 这样就个Body设置了一个style1的样式,
style1是个class的样式
给你写点例子吧
$(function()
{
$("input:first").click(function()
{
alert("jquery 实现");
});
});
如果你点击了你页面的第一个input标签的话,那么就会弹出 ”jquery 实现“ 这几个字
你要改变样式也很简单 $("body").addClass("style1"); 这样就个Body设置了一个style1的样式,
style1是个class的样式
test:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.on_focus{
color:#FF0000;
border:1px solid #FF0000;
}
.on_blur{
color:#00FF00;
border:1px solid #00FF00;
}
.onErr{background: #F2DDDD;border:1px solid #992A2A;}</style><script type="text/javascript">
function chkqq(obj){
if(obj.value!=""){
var re = /^[1-9][0-9]{4,}$/
if(!re.test(obj.value)){
changCss(obj,"onErr")
alert('请输入正确的QQ号码!');
obj.focus();//屏蔽本句,保持错误的class到修改正确
return false;
}
else changCss(obj,"")
}
else changCss(obj,"")
}function addListener(element,e,fn){
if(element.addEventListener){
element.addEventListener(e,fn,false);
} else {
element.attachEvent("on" + e,fn);
}
}
function changCss(evt,cssName){
var el = window.event || evt;
var ele = el.srcElement ? el.srcElement : el.target;
ele.className=cssName
}
</script></head><body>
<input type="text" onblur="chkqq(this);" name="qq" id="qq" /><br />
<input type="text" /><br />
<input type="text" /><br /><script type="text/javascript">
var allInput = document.getElementsByTagName("input");
for(var i=0; i<allInput.length; i++){
if(allInput[i].type == 'text'){
addListener(allInput[i],"focus",function(){changCss(event,"on_focus")})
if (!allInput[i].onblur)
addListener(allInput[i],"blur",function(){changCss(event,"")})
}
}
</script></body>
</html>