以下是 jquery女性月经安全期计算器代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery女性月经安全期计算器代码</title>
<link type="text/css" rel="stylesheet" href="css/public_v2.css" />
<link type="text/css" rel="stylesheet" href="css/base.css" />
<link type="text/css" rel="stylesheet" href="css/blue.css" />
<link href="css/userLogin.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/newfemale.js"></script>
<script language='javascript' src="js/userLogin.js"></script>
<meta http-equiv="Cache-Control" content="no-transform" />
</head>
<body>
<INPUT style="DISPLAY: none" id=nowElement type=hidden>
<div class="wrapper">
<!-- header end -->
<!-- main -->
<div class="main">
<div class="mod_2b">
<h2>女性月经周期与排卵期计算器</h2>
<div class="health clearfix">
<div class="mod_1b mod_safe">
<div class="time_lag clearfix">
<span>平常两次月经大概相隔：</span>
<a class="minus" onclick='female.fallOff();'></a>
<input type="text" id='minMensesPriod' readonly value="28"/>
<INPUT type='hidden' id=minMensesing class=circleCss value=5>
<a onclick='female.increase();' class="plus"></a>
<a onclick='female.creset();' id='acrest' class="again" style="display:none">重新测试</a>
</div>
<div class="safe_detail" id='womensafeDateCon'>
<div class="safe_calendar" id='chosecal'>
<span class="date_first" id='popCss'>请点击选择月经第一天</span>
<div class="date_select">
<span class="year" id="leftYear">2012</span>
<b>年</b>
<a href='javascript:void(0);' id='yearLink'></a>
<span id='leftMonth' class="month">10</span>
<b>月</b>
<a href='javascript:void(0);' id='monthLink' class=""></a>
</div>
<ul class="date_detail" id='leftTable'>
<li class="week">日</li>
<li class="week">一</li>
<li class="week">二</li>
<li class="week">三</li>
<li class="week">四</li>
<li class="week">五</li>
<li class="week">六</li>
<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
</ul>
</div>
<div class="safe_calendar safe_calendar_right" style='display:none' id ='rightCal'>
<div class="date_select" >
<span class="year" id='rightYear'>2012</span>
<b>年</b>
<a href='javascript:void(0);' id="rYearLink"></a>
<span class="month" id='rightMonth'>10</span>
<b>月</b>
<a href='javascript:void(0);' id="rMonthLink"></a>
</div>
<ul class="date_detail" id='rightTable'>
<li class="week">日</li>
<li class="week">一</li>
<li class="week">二</li>
<li class="week">三</li>
<li class="week">四</li>
<li class="week">五</li>
<li class="week">六</li>
<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
</ul>
</div>
<div class="rightLogin">
<div class="loginTitle">安全期订阅</div>
<div class="userLogin">
<!--订阅开始-->
<div class='box_main'>
<div id="register" class="register">
<form id="form" action="#" method="post" onSubmit="return check();">
<div id="form_submit" class="form_submit">
<div class="fieldset">
<div class="field-group">
<label class="required title">订阅方式</label>
<span class="control-group" style="line-height:28px;">
<input id="way_mobile" type="radio" value="mobile" name="username" id="username" checked onclick="__changeUserName('mobile');">
手机号码
<input id="way_email" type="radio" value="email" name="username" id="username" onclick="__changeUserName('email');">
邮箱 </span>
</div>
<div class="field-group" id="telSend">
<label class="required title">手机号码</label>
<span class="control-group" id="mobile_input">
<div class="input_add_long_background">
<input class="register_input" type="text" id="mobile" name="mobile" maxLength="11" value="" onBlur="__changeUserName('mobile');">
</div>
</span>
</div>
<div class="field-group" style="display:none;" id="emailSend">
<label class="required title">订阅邮箱</label>
<span class="control-group" id="email_input">
<div class="input_add_long_background">
<input class="register_input" type="text" id="email" name="email" maxLength="50" value="" onBlur="__changeUserName('email');">
</div>
</span>
</div>
<div class="field-group">
<label class="required title">通知时间</label>
<span class="control-group" id="notificationTime_input">
<div class="input_add_long_background">
<input class="register_input" type="text" id="notificationTime" name="notificationTime" maxLength="50" value="">
</div>
</span>
</div>
<div class="field-group" id="telYzm">
<label class="required title">验证码</label>
<span class="control-group" id="code_input">
<div class="input_add_background" style="margin-right:15px;">
<input class="register_input_ot" type="text" id="code" name="code" max_length="6" value="" onBlur="checkAuthCode(this.value);">
</div>
</span>
</div>
</div>
</div>
<div id="div_submit" class="div_submit">
<div class='div_submit_button'>
<input id="submit" type="submit" value="确定" class='button_button disabled'>
</div>
</div>
</form>
</div>
<script type="text/javascript">
function __changeUserName(of){
var username=$('#'+of).val();
if(of=='email'){
$("#telSend").hide();
$("#telYzm").hide();
$("#emailSend").show();
if (username.search(/^[\w\.+-]+@[\w\.+-]+$/) == -1) {
showTooltips('email_input','请输入正确的Email地址!');
return;
}
}
else{
$("#telSend").show();
$("#telYzm").show();
$("#emailSend").hide();
if(username=='' || !isMobilePhone(username)) {
showTooltips('mobile_input','请输入正确的手机号码');
return;
}
}
}
function checkEmail(email) {
if (email.search(/^.+@.+$/) == -1) {
showTooltips('email_input','邮箱格式不正确');
}else {
hideTooltips('email_input');
}
}
function checkAuthCode(authcode) {
if (authcode == '' || authcode.length != 6) {
showTooltips('code_input','验证码不正确');
}else {
hideTooltips('code_input');
}
}
function check() {
var ckh_result = true;
var getSelectValue= $("input[name='username']:checked").val();
if(getSelectValue=='mobile')
{
hideAllTooltips();
if($('#mobile').val()=='' || !isMobilePhone($('#mobile').val())) {
showTooltips('mobile_input','手机号码不正确');
ckh_result = false;
}
if ($('#code').val() == '' || $('#code').val().length !=6) {
showTooltips('code_input','验证码不正确');
ckh_result = false;
}
}else
{
if ($('#email').val() == '') {
showTooltips('email_input','邮箱不能为空');
ckh_result = false;
}
}
if ($('#notificationTime').val() == '') {
showTooltips('notificationTime_input','提前通知时间不能为空');
ckh_result = false;
}
return ckh_result;
}
function checkMobilePhone(telphone) {
if(telphone=='' || !isMobilePhone(telphone)) {
showTooltips('mobile_input','请输入正确的手机号码');
}else{
hideTooltips('mobile_input');
}
}
function isMobilePhone(value) {
if(value.search(/^(\+\d{2,3})?\d{11}$/) == -1)
return false;
else
return true;
}
</script>
</div>
</div>
<!--订阅结束-->
</div>
</div>
</div>
<ul class="safe_calendar_tips">
<li id="aZlue"><em class="aBlue"></em>所选日期</li>
<li id="aBlue"><em class="aBlue"></em>所选日期</li>
<li id="aGreen"><em class="aGreen"></em>安全期: 受孕机率较小，可不必采用避孕药物和避孕工具。</li>
<li id="aRed"><em class="aRed"></em>排卵期: 排卵日及其前5天和后4天为排卵期，此时间段内受孕的可能性较大。</li>
<li id="aYellow"><em class="aYellow"></em>月经期: 请注意经期卫生</li>
</ul>
</div>
<!-- footer end -->
</div>
</body>
</html>
JS代码(userLogin.js):
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g,"");
}
/**** 鏄惁涓哄悎娉曞缃慖P鍦板潃 ****/
function isIP(value){
var reg_ip = new RegExp('^[0-9]{
1,3}
\.[0-9]{
1,3}
\.[0-9]{
1,3}
\.[0-9]{
1,3}
$');
if ( ! reg_ip.exec(value) ){
return false;
}
var strs = value.split(".");
if( strs.length != 4){
return false;
}
for (var i=0;
i<strs.length;
i++ ){
if (strs[i].indexOf("0") == 0 && strs[i].length > 1){
return false;
}
else if (parseInt(strs[i])>255 || parseInt(strs[i])<0){
return false;
}
}
if (value.search(/^192\.168\./) != -1 || value.search(/^172/) != -1 || value.search(/^127\.0/) != -1 ){
return false;
}
return true;
}
/**** 鏄惁涓哄悎娉旾P鍦板潃 ****/
function isAllIP(value,innerIP){
var reg_ip = new RegExp('^[0-9]{
1,3}
\.[0-9]{
1,3}
\.[0-9]{
1,3}
\.[0-9]{
1,3}
$');
if ( ! reg_ip.exec(value) ){
return false;
}
var strs = value.split(".");
if( strs.length != 4){
return false;
}
for (var i=0;
i<strs.length;
i++ ){
if (strs[i].indexOf("0") == 0 && strs[i].length > 1){
return false;
}
else if (parseInt(strs[i])>255 || parseInt(strs[i])<0){
return false;
}
}
if (innerIP == false){
if (value.search(/^192\.168\./) != -1 || value.search(/^172/) != -1 || value.search(/^127\.0/) != -1 ){
return false;
}
}
return true;
}
/**** 鏄惁涓哄悎娉旹mail鍦板潃 ****/
function isEmail(value){
if(value.search(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/) == -1) return false;
else return true;
}
/**** 鏄惁涓哄悎娉曠殑鍥藉唴鐢佃瘽鍙风爜 ****/
function isTelphone(value){
if(value.search(/^(\d{
3}
-\d{
8}
|\d{
4}
-\d{
7}
|\d{
4}
-\d{
8}
)$/) == -1) return false;
else return true;
}
/**** 鏄惁涓哄悎娉曠殑鎵嬫満鍙风爜锛屼负浜嗗吋瀹瑰浗闄呭啓娉曪紝鐩墠鍙垽鏂簡鏄惁鏄?鏁板瓧 ****/
function isMobilePhone(value){
if(value.search(/^(\+\d{
2,3}
)?\d{
11}
$/) == -1) return false;
else return true;
}
/**** 鏄惁涓哄悎娉曠殑鍥藉唴閭斂缂栫爜 ****/
function isZipcode(value){
if(value.search(/^[1-9]\d{
5}
$/) == -1) return false;
else return true;
}
/**** 鏄惁涓哄悎娉曠殑QQ鍙?****/
function isQQ(value){
if(value.search(/^[1-9][0-9]{
4,}
$/) == -1) return false;
else return true;
}
/**** 鏄惁涓烘暟瀛椾覆锛宭ength绛変簬0涓嶉檺鍒堕暱搴?****/
function isNumber(value,length){
var regx;
if(length==0) regx = new RegExp("^\\d*$");
else regx = new RegExp("^\\d{
" + length + "}
$");
if(value.search(regx) == -1) return false;
else return true;
}
/*Error message Tooltips*/
$(document).ready(function(){
/*鐐瑰嚮闅愯棌閿欒鎻愮ず,濡傛灉涓嶆兂璁╂彁绀虹偣鍑绘秷澶?闇€瑕佸姞涓奵lass='not_click_hide'*/
$('.control-group input').not('.not_click_hide').focus(function(){
hideTooltips($(this).parent().parent().attr('id'));
}
);
}
);
/* *msgid:鎯宠tooltips鍑虹幇鐨勫湴鏂圭殑id *msg:鎻愮ず鐨勫唴瀹? *time:鑷姩娑堝け鐨勬椂闂达紝濡傛灉涓嶆兂璁╂彁绀鸿嚜鍔ㄦ秷澶憋紝鍒欐鍙傛暟涓嶅啓 */
function showTooltips(msgid,msg,time){
if (msgid==''){
return;
}
if (msg==''){
msg='Error!';
}
$('#'+msgid).prepend("<div class='for_fix_ie6_bug' style='position:relative;
'><div class='tooltips_main'><div class='tooltips_box'><div class='tooltips'><div class='msg'>"+msg+"</div></div><div class='ov'></div></div></div></div>");
$('#'+msgid+' .tooltips_main').fadeIn("slow").animate({
marginTop:"-23px"}
,{
queue:true,duration:400}
);
try{
if(typeof time != "undefined"){
setTimeout('hideTooltips("'+msgid+'")',time);
}
}
catch(err){
}
}
function hideTooltips(msgid){
try{
$('#'+msgid).find('.tooltips_main').fadeOut("slow");
$('#'+msgid).find('.tooltips_main').remove();
}
catch(e){
}
}
function hideAllTooltips(){
$('.tooltips_main').fadeOut("slow");
$('.tooltips_main').remove();
}
/*End error message tooltips*/
CSS代码(base.css):
@charset "gb2312";/* * @Created:20121023 * @Author:Kevin */
body{background:#f8f8f8;}
.main{background:#fff;}
/* menu_xy */
a{color:#333;}
a:hover{color:#fd5151;}
/* mod_2b */
.mod_2b{border:1px solid #dcdcdc;}
.mod_2b h2{color:#348bcf;}
/* mod_1b */
.mod_1b{border:1px solid #b8dcf5;}
/* health */
.health{padding:0 20px 20px;font-size:14px;}
/* col_a */
CSS代码(blue.css):
@charset "gb2312";/* * @Created:20121023 * @Author:Kevin * Used by womensafe,ycq,snsv */
/* fixed */
.time_lag span,.time_lag a,.date_first,.date_select a,.date_detail li a:hover,.date_detail li a.aRed,.date_detail li a.aBlue,.date_detail li a.aYellow,.date_detail li a.aGreen,.date_detail li a em,.labor_info h3,.labor_l p,.mod_mw h3,.mw_reslut_detail em{background:url(../images/fixed_02.png) no-repeat;}
/* mod_safe */
.mod_safe{height:460px;background:#fcfeff;}
.time_lag{height:27px;padding:23px 32px;border-bottom:1px dashed #a2cdea;}
.time_lag span,.time_lag input,.time_lag a{float:left;margin-top:4px;}
.time_lag span{padding-left:20px;line-height:22px;background-position:-388px 2px;}
.time_lag a.minus,.time_lag a.plus{width:25px;height:22px;cursor:pointer}
.time_lag a.minus{background-position:-87px -47px;}
.time_lag a.plus{background-position:-113px -47px;}
.time_lag a:hover.minus{background-position:-87px -70px;}
.time_lag a:hover.plus{background-position:-113px -70px;}
.time_lag a.again{float:left;width:85px;height:27px;line-height:27px;margin:0 0 0 25px;font-size:12px;color:#fff;font-weight:100;text-align:center;background-position:0 -37px;cursor:pointer;}
.time_lag a:hover.again{color:#fff;background-position:0 -65px;}
.time_lag input{width:44px;height:20px;border-width:1px 0;border-style:solid;border-color:#8ec4e8;color:#348bcf;font:bold 14px/20px Arial;text-align:center;background:#fff;}
.safe_detail{position:relative;margin-top:37px;height:323px;}
.safe_calendar{position:absolute;top:0;left:50%;margin-left:-170px;width:338px;height:314px;padding:9px 0 0 3px;background:url(../images/bg_safe_calendar_blue.png) no-repeat;}
.safe_calendar_left{left:29px;margin-left:0;}
.safe_calendar_right{left:388px;margin-left:0;}
.date_first{position:absolute;top:70px;left:-175px;display:inline-block;width:164px;height:35px;line-height:35px;color:#fff;font-size:12px;text-indent:20px;background-position:0 0;}
.date_select{height:28px;line-height:22px;padding-right:3px;}
.date_select span,.date_select a,.date_select b{float:left;}
.date_select span{text-align:right;font-weight:bold;text-align:right;font-family:Arial;}
.date_select span.year{width:52px;}
.date_select span.month{width:36px;}
.date_select b{padding-right:4px;}
.date_select a{width:27px;height:22px;background-position:-140px -47px;}
.date_select a:hover,.date_select a.current{background-position:-140px -70px;}
.safe_calendar_right .date_select,.safe_calendar_left .date_select{text-align:center;}
.safe_calendar_right .date_select a,.safe_calendar_left .date_select a{display:none;}
.safe_calendar_right .date_select span,.safe_calendar_right .date_select b,.safe_calendar_left .date_select span,.safe_calendar_left .date_select b{float:none;width:auto;margin:0;padding:0;}
.date_detail li{float:left;padding:1px 2px 2px 1px;width:45px;height:39px;line-height:39px;text-align:center;}
.date_detail li.week{height:29px;line-height:29px;font-size:12px;}
.date_detail li a{display:block;height:39px;font-size:16px;font-family:Arial;}
.date_detail li a:hover{color:#333;text-decoration:none;background-position:-286px 0;}
.date_detail li a:hover.aRed,.date_detail li a:hover.aGreen,.date_detail li a:hover.aBlue,.date_detail li a:hover.aYellow{position:relative;}
.date_detail li a.aRed,.date_detail li a:hover.aRed{color:#DD000D;background-position:-286px 0;}
.date_detail li a.aGreen,.date_detail li a:hover.aGreen{color:#187917;background-position:-332px 0;}
.date_detail li a.aBlue,.date_detail li a:hover.aBlue{color:#fff;background-position:-286px -40px;}
.date_detail li a.aYellow,.date_detail li a:hover.aYellow{color:#E55500;background-position:-333px -40px;}
.date_detail li a em{display:none;}
.date_detail li a:hover em{position:absolute;top:-18px;left:-6px;display:inline-block;width:57px;height:28px;line-height:23px;color:#fff;font-size:12px;text-align:center;}
.date_detail li a.aRed em{background-position:-169px 0;}
.date_detail li a.aGreen em{background-position:-227px 0;}
.date_detail li a.aBlue em{background-position:-227px -29px;}
.date_detail li a.aYellow em{background-position:-169px -29px;}
.safe_calendar_tips{margin:12px 0 0 32px;}
.safe_calendar_tips li{height:20px;line-height:20px;padding-top:16px;overflow:hidden;zoom:1;}
.safe_calendar_tips li em{float:left;width:18px;height:18px;border-width:1px;border-style:solid;margin-right:14px;}
.safe_calendar_tips li em.aRed{border-color:#FD7774;background:#FFCDCC;}
.safe_calendar_tips li em.aGreen{border-color:#12D014;background:#CDFFCC;}
.safe_calendar_tips li em.aBlue{border-color:#3FA4FE;background:#51CCEE;}
.safe_calendar_tips li em.aYellow{border-color:#FD933B;background:#FFDCA4;}
.yearLayer,.monthLayer{position:absolute;width:58px;border:1px solid #FDB5B6;border-top:0 none;z-index:20;background:#fff;}
.yearLayer li,.monthLayer li{height:19px;border-top:1px solid #FDB5B6;text-align:center;}
.yearLayer li a,.monthLayer li a{display:block;border:1px solid #fff;height:17px;line-height:17px;font-family:Arial;}
.yearLayer li a:hover,.monthLayer li a:hover{color:#333;text-decoration:none;background:#FFCDCC;}
.monthLayer{width:43px;}
/* mod_labor */
.mod_labor{background:#fcfeff;}
.labor_cal{height:148px;padding-top:35px;background:url(../images/health/bg_labor_woman_blue.jpg) no-repeat 100% 0;}
.labor_cal_detail{padding:0 0 16px 200px;}
.labor_cal_detail span,.labor_cal_detail input,.select_outer{float:left;}
.labor_cal_detail span{display:inline;line-height:33px;font-weight:bold;}
.labor_cal_detail span.sp1{margin-right:15px;width:92px;display:inline-block;height:33px;}
.labor_cal_detail span.sp2{margin:0 10px;}
.select_outer{padding:5px 2px 6px;width:95px;border:2px solid #FFA73E;background:#fff;}
.select_inner{width:95px;height:18px;line-height:18px;overflow:hidden;}
.select_outer select{display:block;width:97px;height:20px;margin:-1px 0 0 -1px;font-size:16px;border:1px solid #fff;line-height:20px;overflow:hidden;outline:none;color:#656565;font-weight:bold;}
@media screen and (-webkit-min-device-pixel-ratio:0){.select_outer select{line-height:16px;}
}
.txt_time{padding:5px 6px 4px;width:87px;height:20px;line-height:20px;border:2px solid #FFA73E;color:#656565;font-size:16px;font-weight:bold;}
.txt_time2{width:49px;}
.btn_cal{width:123px;height:37px;border:0 none;cursor:pointer;background:url(../images/health/btns.png) 0 0 no-repeat;color:#fff;font-weight:bold;font-size:14px;}
.btn_cal_hover{background-position:0 -41px;}
.labor_cal_intro{padding:20px 60px;line-height:24px;color:#656565;border-bottom:1px solid #b8dcf5}
.labor_cal_result{padding-top:10px;}
.labor_cal_result p{margin:15px 0 0 252px;font-weight:bold;}
.labor_cal_result p span{color:#FF8B00;font-size:16px;}
.labor_info{color:#656565;padding:0 55px 20px;}
.labor_info h3{margin:28px 0 8px;padding:0 0 7px 21px;border-bottom:1px dashed #a2cdea;color:#348bcf;font-weight:bold;background-position:-390px -35px;}
.labor_info p{text-indent:2em;line-height:26px;}
.labor_info p span{color:#ff8b00;}
.labor_lr{display:inline;width:365px;margin-top:15px;}
.labor_l{float:left;}
.labor_r{float:right}
.labor_lr span{display:block;height:6px;line-height:0;font-size:0;overflow:hidden;background:url(../images/health/bg_labor_lr_blue.png) no-repeat;}
.labor_lr span.labor_lr_top{background-position:0 0;}
.labor_lr span.labor_lr_bt{background-position:0 -6px;}
.labor_lr_mid{border-left:2px solid #a3cdfb;border-right:2px solid #a3cdfb;background:#f3faff;zoom:1;}
.labor_lr_mid h3{margin:0 0 5px;padding:4px 0 10px 31px;background-color:#fff;background-position:-379px -31px;}
.labor_lr_mid p{text-indent:0;padding:0 10px 0 17px;}
.labor_l p{line-height:32px;padding-left:17px;background-position:-389px -57px;}
.labor_l p em{color:#E7659D;}
.labor_r p{padding-top:3px;}
.h205{height:205px;}
.h178{height:178px;}
.h141{height:141px;}
/* mod_mw */
.mod_mw{padding:25px 47px 40px;background:#fcfeff url(../images/health/bg_mw_blue.jpg) no-repeat 100% 0;}
.mod_mw p,.mod_mw h6,.mod_mw dl{margin:0 10px;}
.mod_mw p{line-height:24px;color:#656565;text-indent:2em;}
.mod_mw h6{margin:0 -47px;height:58px;line-height:58px;color:#348bcf;font-weight:bold;text-indent:57px;border-bottom:1px solid #a2cdea;}
.mod_mw h3{margin-top:22px;height:30px;line-height:30px;padding-left:25px;border-bottom:1px dashed #a2cdea;color:#348bcf;font-weight:bold;background-position:-385px -31px;}
.mod_mw dt{font-weight:bold;margin-top:17px;}
.mod_mw dd{padding:10px 0 0 22px;overflow:hidden;zoom:1;}
.mod_mw dd input{width:13px;height:13px;margin:-3px 6px 0 0;vertical-align:middle;}
.mod_mw dd label{float:left;width:150px;color:#656565;}
.mw_cal{margin:28px 0 0 10px;}
.mw_cal input{float:left;}
.mw_cal a{float:left;margin:12px 0 0 20px;}
.share{padding:20px 11px 0 0;}
.mw_reslut_detail{clear:both;padding:32px 125px 0 105px;margin:0 auto;width:412px;height:75px;background:url(../images/health/bg_mw_result.png) no-repeat;}
.mw_reslut_detail p{padding-top:10px;text-indent:0;}
.mw_reslut_detail p span{color:#E6659D;font-weight:bold;}
.mw_reslut_detail em{float:right;width:42px;height:53px;}
.mw_reslut_detail em.boy{background-position:0 -163px;}
.mw_reslut_detail em.girl{background-position:-43px -163px;}
.pb20{padding-bottom:20px;}
CSS代码(public_v2.css):
@charset "gb2312";/* * Created:20130315 * Author:Kevin * Modify:Rambo */
/* reset */
html{_background-attachment:fixed;_background-image:url(xxx.jpg);}
html{overflow-y:scroll;}
html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,fieldset,input,button,sub,sup,textarea{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
iframe,img{border:0 none;}
img{vertical-align:top;}
em{font-style:normal;}
ul,li,ol{list-style:none outside none;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;}
a:hover{text-decoration:underline;color:#f30;}
:focus{outline:0;}
.clear{clear:both;overflow:hidden;display:block;font-size:0;height:0;line-height:0;}
input[type="button"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner,button::-moz-focus-inner{border:0 none;padding:0;}
.mt10{margin-top:10px;}
.top_in,.header,.nav ul,.main,.footbar{width:1060px;margin:0 auto;}
/* main */
.pb13{padding-bottom:2px;}
/* 2px border */
.mod_2b{border:1px solid #DCDCDC;border-top:0 none;background-color:#ffffff;*zoom:1;}
.mod_2b h2{height:30px;padding:25px 0;line-height:30px;text-align:center;color:#348bcf;font-size:30px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53;overflow:hidden;}
.mod_2b h2 img{margin-right:17px;vertical-align:middle;margin-top:-5px;}
.description{margin:-8px 0 20px;text-align:center;font-size:12px;color:#333;}
/*supertop and topfix*/
.rightLogin{height:314px;border:1px solid #dedede;right:10px;padding:9px 0 0 0px;position:absolute;top:0;width:260px;}
.loginTitle{height:28px;line-height:22px;text-align:center;border-bottom:1px solid #dedede;}
分享到QQ
分享到微博
微信扫一扫
