帶滑動條的DIV+CSS+JS登錄框代碼

2009-11-24 按鈕表單 ℃

<!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=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="国产真实老熟女无套内谢,熟妇高潮一区二区,亚洲午夜久久久久影院" />
  <meta name="description" content="国产真实老熟女无套内谢,熟妇高潮一区二区,亚洲午夜久久久久影院,亚洲国产人成自精在线尤物,游泳池疯狂耸动双腿间,国产综合久久精品东京热" />
<style type="text/css">
/*<![CDATA[*/
* { width:100%; margin:0; padding:0;}
body { font-family: "宋體", Arial, Helvetica, sans-serif; font-size: 12px; color: #444; text-align:center;}
ul { list-style-type: none; margin:0; padding:0;}
a { color:#4e4e4e; text-decoration: none; vertical-align: middle;}
a:hover {color: #990000;}
a:visited {color: #4e4e4e;}
#login {width:186px;height:100px; border: 1px solid #d2d2d2; margin:100px auto;}
#login .top {margin-top:6px; margin-left:6px; width:60px; float:left;background:url(http://www.lanrentuku.com/down/js/images/12446171100.gif) no-repeat -100px 6px; height:24px;}
#login h2 { font-size:12px; line-height:26px;text-align:left;text-indent: 21px;}
#moveico { margin-top:8px; background:url(http://www.lanrentuku.com/down/js/images/12446171100.gif) no-repeat 12px -30px; width:110px; height:24px; float:left;}
#moveico div {position: relative;float:left;left:13px; top:4px;background:url(http://www.lanrentuku.com/down/js/images/12446171100.gif) no-repeat -80px 0; width:12px; height:12px;}
#login input { height:16px; color:#666;}
#login .userchk { width:16px;}
#login .userinput { width:92px; border:1px #cbdca8 solid;}
#login .usersub { width:52px;height:18px; background:url(http://www.lanrentuku.com/down/js/images/12446171100.gif) no-repeat; border:0;  line-height:22px; color:#454545; font-size:12px;}
#login span { margin-left:8px;}
#login ul {width:160px;margin:0 auto;}
#login li { clear:left; height:21px; line-height:21px; text-align:left;overflow:hidden;}
#login li.other {border-top:2px #e0ecc8 solid;  margin-top:3px;text-indent: 6px;}
#login a#loginhelp {position: relative; top:-18px;left:145px;display:block; width:12px; height:12px; background:#f7fcfc url(http://www.lanrentuku.com/down/js/images/12446171100.gif) no-repeat -60px 0; }
/*]]>*/
</style>
<script type="text/javascript">

</script>
 </head>
 <body>
<div   class="e24dxpy"   id="login" class="Box">
   <form action="" method="post">
<div   class="zrx7olk"   id="moveico"><div></div></div>
<div   id="tfwgtt4"   class="top"><h2 class="active" id="login-tit"></h2></div>
<input type="hidden" id="login-type" name="stype" value="0" />
<ul>
<li> <input name="" type="text" class="userinput" /><span><label for="isRemember"> <input name="isRemember" id="isRemember" type="checkbox" value="" class="userchk" /> 記住</label></span></li>
<li> <input name="" type="password" class="userinput" /><span><input name="" type="submit" value="登 陸"  class="usersub"/></span></li>
<li id="4jhrgyn"    class="other"><a href="#3">忘記密碼</a> | <a href="#3">注冊/通行證</a><a href="#3" id="loginhelp"></a></li>
 </ul>
</form>
</div> </body>
</html>

相關(guān)特效代碼

熱門特效代碼: JavaScript+CSS打造漂亮的select; CSS按鈕樣式大全; CSS 3D按鈕特效; 幾個比較好看的Button的CSS; CSS配合htc文件巧妙應(yīng)用實現(xiàn)反轉(zhuǎn); 帶滑動條的DIV+CSS+JS登錄框代碼; JS+CSS實現(xiàn)精致、符合標(biāo)準(zhǔn)的表單; 網(wǎng)頁常用按鈕大全; 下拉菜單特效; 鼠標(biāo)經(jīng)過input時變顏色

推薦特效代碼: 幾個比較好看的Button的CSS; JavaScript+CSS打造漂亮的select; 復(fù)制標(biāo)題和鏈接，發(fā)送給你的好友; CSS自適應(yīng)寬度按鈕; 帶滑動條的DIV+CSS+JS登錄框代碼; 網(wǎng)頁放大縮小按鈕效果