{"id":103,"date":"2011-03-07T14:36:00","date_gmt":"2011-03-07T06:36:00","guid":{"rendered":"http:\/\/gaigaiming.com\/?p=103"},"modified":"2011-03-07T14:36:00","modified_gmt":"2011-03-07T06:36:00","slug":"%e9%bc%a0%e6%a0%87%e7%a7%bb%e4%b8%8a%e8%83%8c%e6%99%af%e5%8f%98%e8%89%b2%e5%92%8c%e6%96%87%e5%ad%97%e6%8f%90%e7%a4%ba%ef%bc%88jquery%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.gaigaiming.com\/index.php\/2011\/03\/07\/%e9%bc%a0%e6%a0%87%e7%a7%bb%e4%b8%8a%e8%83%8c%e6%99%af%e5%8f%98%e8%89%b2%e5%92%8c%e6%96%87%e5%ad%97%e6%8f%90%e7%a4%ba%ef%bc%88jquery%ef%bc%89\/","title":{"rendered":"\u9f20\u6807\u79fb\u4e0a\u80cc\u666f\u53d8\u8272\u548c\u6587\u5b57\u63d0\u793a\uff08jquery\uff09"},"content":{"rendered":"
\n

<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>
<title>JS+CSS\u5b9e\u73b0\u7684\u4e00\u79cd\u4ea4\u4e92\u4f53\u9a8c<\/title>
<style>
@charset "utf-8";
\/*\u5143\u7d20\u521d\u59cb\u503c*\/
html {background: #FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,ins,hr{margin: 0px;padding: 0px;}
p{cursor: text;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style-type: none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;}
fieldset,img{border:0;}
img{display:block;}
caption,th{text-align:left;}
body{position: relative;font-size:62.5%;font-family: "\u5b8b\u4f53"}
a{text-decoration: none;}
\/*demo\u6240\u7528\u5143\u7d20\u503c*\/
#need {margin: 20px auto 0;width: 610px;}
#need li {height: 26px;width: 600px;font: 12px\/26px Arial, Helvetica, sans-serif;background: #FFD;border-bottom: 1px dashed #E0E0E0;display: block;cursor: text;padding: 7px 0px 7px 10px!important;padding: 5px 0px 5px 10px;}
#need li:hover,#need li.hover {background: #FFE8E8;}
#need input {line-height: 14px;background: #FFF;height: 14px;width: 200px;border: 1px solid #E0E0E0;vertical-align: middle;padding: 6px;}
#need label {padding-left: 30px;}
#need label.old_password {background-position: 0 -277px;}
#need label.new_password {background-position: 0 -1576px;}
#need label.rePassword {background-position: 0 -1638px;}
#need label.email {background-position: 0 -429px;}
#need dfn {display: none;}
#need li:hover dfn, #need li.hover dfn {display:inline;margin-left: 7px;color: #676767;}
<\/style>
<script type="text\/javascript">
function suckerfish(type, tag, parentId) {
if (window.attachEvent) {
window.attachEvent("onload", function() {
var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag);
type(sfEls);
});
}
}
hover = function(sfEls) {
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" hover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" hoverb"), "");
}
}
}
suckerfish(hover, "li");
<\/script>
<\/head>
<body>
<ol id="need">
<li><label class="old_password">\u539f\u59cb\u5bc6\u7801\uff1a<\/label> <input name=” type=’password’ id=” \/><\/li>
<li><label class="new_password">\u65b0\u7684\u5bc6\u7801\uff1a<\/label> <input name=” type=’password’ id=” \/><dfn>\uff08\u5bc6\u7801\u957f\u5ea6\u4e3a6~20\u5b57\u8282\u3002\u4e0d\u60f3\u4fee\u6539\u8bf7\u7559\u7a7a\uff09<\/dfn><\/li>
<li><label class="rePassword">\u91cd\u590d\u5bc6\u7801\uff1a<\/label> <input name=” type=’password’ id=” \/><\/li>
<li><label class="email">\u90ae\u7bb1\u8bbe\u7f6e\uff1a<\/label> <input name=” type=’text’ id=” \/><dfn>\uff08Codemoz! \u627f\u8bfa\u7edd\u4e0d\u4f1a\u7ed9\u60a8\u53d1\u9001\u4efb\u4f55\u5783\u573e\u90ae\u4ef6\u3002\uff09<\/dfn><\/li>
<\/ol>
<\/body>
<\/html><\/p>\n

——————————————————————————————————————————————————————<\/p>\n

\u9f20\u6807\u78b0\u89e6\u8868\u683c\u53d8\u8272<\/p>\n

 <\/p>\n

<html><\/p>\n

<head><\/p>\n

<meta http-equiv="Content-Type" content="text\/html; charset=gb2312" \/><\/p>\n

<title>JQuery\u9f20\u6807\u7ecf\u8fc7\u8868\u683c\u884c\u53d8\u8272<\/title><\/p>\n

<script language="JavaScript" type="text\/javascript" src="jquery.js"><\/script><\/p>\n

<!–\u4e0a\u9762\u7684js\u662fJQuery –><\/p>\n

<script type="text\/javascript"><\/p>\n

$(function(){ \/\/\u6587\u6863\u52a0\u8f7d<\/p>\n

         $("#tb").width(520); \/\/\u8bbe\u7f6e\u8868\u683c\u5bbd\u5ea6\u4e3a520\u50cf\u7d20<\/p>\n

         $("#tb").height(250); \/\/\u8bbe\u7f6e\u8868\u683c\u7684\u9ad8\u5ea6\u4e3a250\u50cf\u7d20<\/p>\n

         $("#tb").css("background-color","#000000"); \/\/\u8bbe\u7f6e\u8868\u683c\u80cc\u666f\u989c\u8272\u4e3a\u9ed1\u8272<\/p>\n

         $("tr").attr("bgColor","#FFFFFF"); \/\/\u6dfb\u52a0\u8868\u683c\u884c\u7684\u80cc\u666f\u5c5e\u6027\u5e76\u8bbe\u7f6e\u4e3a\u767d\u8272\uff0c\u6ce8\u610f\u8fd9\u91cc\u7684\u5c5e\u6027\u4e0d\u662fbgcolor\u800c\u662fbgColor<\/p>\n

         $("td").append(" "); \/\/\u5728\u6240\u6709\u5355\u5143\u683c\u4e0a\u6dfb\u52a0\u7a7a\u683c<\/p>\n

         $("tr").hover(<\/p>\n

         function(){<\/p>\n

                   $(this).addClass("hover");    \/\/\u9f20\u6807\u7ecf\u8fc7\u6dfb\u52a0hover\u6837\u5f0f<\/p>\n

         },<\/p>\n

         function(){<\/p>\n

                   $(this).removeClass("hover");   \/\/\u9f20\u6807\u79bb\u5f00\u79fb\u9664hover\u6837\u5f0f<\/p>\n

         }<\/p>\n

         );<\/p>\n

});<\/p>\n

<\/script><\/p>\n

<style type="text\/css"><\/p>\n

.hover{background-color:#FFF000;} \/*\u8fd9\u91cc\u662f\u9f20\u6807\u7ecf\u8fc7\u65f6\u7684\u989c\u8272*\/<\/p>\n

<\/style><\/p>\n

<\/head><\/p>\n

<body><\/p>\n

         <table id="tb" border="0" cellpadding="0" cellspacing="1"><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

                   <tr><td><\/td><td><\/td><\/tr><\/p>\n

         <\/table><\/p>\n

<\/body><\/p>\n

<\/html><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"

<meta http-equiv="Content-Type" content=&q […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-103","post","type-post","status-publish","format-standard","hentry","category-4"],"_links":{"self":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":0,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}