使用jQuery更新和交互

来源：互联网发布：天刀女捏脸数据导入编辑：程序博客网时间：2024/04/30 03:16

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script>$(document).ready(function(){$("a").hover(function(){$(this).css({"color":$(this).attr("id"),"background-color":"silver"});});$("a").mouseout(function(){$(this).css({"color":"white","background-color":"gray"});});$("a").click(function(event){$("#colorMe").attr("class",$(this).attr("id"));event.preventDefault();})});</script><style>a{display:block;padding:10px;float:left;margin:10px;font-weight:bold;background-color:silver;}a:hover{color:white;background-color:gray;}.red{color:red;}.green{color:green;}.blue{color:blue;}</style></HEAD><BODY><h1 id="colorMe">Pick a Color</h1><p><a id="red">Red</a><a id="green">Green</a><a id="blue">Blue</a></p></BODY></HTML>

0 0