有趣的js小案例---do you like me ?

恶搞朋友，yes的必须选项。

css样式：

	<style type="text/css">
		h1 {position:absolute; left:220px; top:175px; width:auto; height:210px}
		#left{position:absolute; left:250px; top:300px;width: 50px; height: 50px;}
		#right{position:absolute; left:350px; top:295px;width: 50px; height: 50px; padding: 5px;}
	</style>

html结构：

		<h1 id="ti">Do You like me?</h1>
		<div id="left">
		<input type="button" value="Yes" />
		</div>
		<div id="right">
		<input type="button" value="No" />
		</div>

js部分：

	<script type="text/javascript">
		var ileft=document.getElementById("left");
		var iright=document.getElementById("right");
		
		ileft.onclick=function(){
			alert("Yes,you are right!!!")
		}
		
		var flag=1;
		iright.onmouseover=function(){
			if(flag==1){
			iright.style.left=500+"px";
			iright.style.top=50+"px";
			flag=2;
			}else if(flag==2){
				iright.style.left=50+"px";
				iright.style.top=50+"px";
				flag=3;
			}else{
				iright.style.left=350+"px";
				iright.style.top=300+"px";
				flag=1;
			}
		}
		
	</script>