cxytomo

## index.css
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form,select,fieldset,textarea,input,
blockquote, th, td, img {
margin: 0;
padding: 0;
}

body {
	background-color: #f1f1f1;
}

## index.js
var daydetail = document.getElementsByClassName('day-detail');
var dropdown = document.getElementsByClassName('daytotal');
/*
1.daydetail[0]换成普遍方法
2.试试body上监听事件发生,只点a标签才触发
3.等等
*/
var show = function (e) {
	var targ,wrap,current,status,prev_sibling,next_sibling;
	e = e || window.event;

## index.html
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Clean Up Everyday!</title>
	<link rel="stylesheet" type="text/css" href="index.css" media="all">
</head>
<body>
	<div class="header">
		<a href="#" title="Clean Up Everyday!">

## dropdown.js
document.getElementsByClassName('open')[0].addEventListener('mouseover',function(e) {
	var el,show;
	e = e || window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
	el = document.getElementsByClassName('open')[0];
	show = el.getElementsByClassName('dropdown-menu')[0];
	show.style.display = "block";
},false);

## dropdown.css
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333;
}

a {
	text-decoration: none;
}

## dropdown-menu.html
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>dropdown-menu</title>
	<link rel="stylesheet" type="text/css" href= "dropdown.css" media = "all"/>
</head>
<body>
	<div class="dropdown clearfix">
	  <!-- Link or button to toggle dropdown -->

## dropdown.js
document.getElementsByClassName('open')[0].addEventListener('mouseover',function(){
	var el,show;
	el = document.getElementsByClassName('open')[0];
	show = el.getElementsByClassName('dropdown-menu')[0];
	show.style.display = "block";
},false);

## a-hover.js
var dropdown = function(e) {
	e = e || window.event;
	var targ = e.target || e.srcElement;
	if(targ.tagName === "A" && targ.parentNode.parentNode.className === "general"){
		var second = targ.parentNode.getElementsByClassName(targ.parentNode.className)[0];
		var status = window.getComputedStyle(second,"").getPropertyValue('display');
		if(status ==="none") {
			second.style.display = "inline-block";
		}
	}

## sb.txt
我是傻逼cxytomo
	html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form,select,fieldset,textarea,input,
	blockquote, th, td, img {
	margin: 0;
	padding: 0;
	}

	body {
	background-color: #f1f1f1;
	}
	var daydetail = document.getElementsByClassName('day-detail');
	var dropdown = document.getElementsByClassName('daytotal');
	/*
	1.daydetail[0]换成普遍方法
	2.试试body上监听事件发生,只点a标签才触发
	3.等等
	*/
	var show = function (e) {
	var targ,wrap,current,status,prev_sibling,next_sibling;
	e = e \|\| window.event;
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Clean Up Everyday!</title>
	<link rel="stylesheet" type="text/css" href="index.css" media="all">
	</head>
	<body>
	<div class="header">
	<a href="#" title="Clean Up Everyday!">
	document.getElementsByClassName('open')[0].addEventListener('mouseover',function(e) {
	var el,show;
	e = e \|\| window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
	el = document.getElementsByClassName('open')[0];
	show = el.getElementsByClassName('dropdown-menu')[0];
	show.style.display = "block";
	},false);
	body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	}

	a {
	text-decoration: none;
	}
	var dropdown = function(e) {
	e = e \|\| window.event;
	var targ = e.target \|\| e.srcElement;
	if(targ.tagName === "A" && targ.parentNode.parentNode.className === "general"){
	var second = targ.parentNode.getElementsByClassName(targ.parentNode.className)[0];
	var status = window.getComputedStyle(second,"").getPropertyValue('display');
	if(status ==="none") {
	second.style.display = "inline-block";
	}
	}