<!DOCTYPE html>
<html>
<body>
<div style="background-color:#D94A38;width:170px;height:80px;margin:20px;padding-top:20px;color:#ffffff;font-weight:bold;font-size:18px;float:left;text-align:center;" onclick="clickMeEvent(this)">Click Me</div>
<script type="application/javascript">
<!--
function clickMeEvent(obj)
{
if (obj.innerHTML=="Goodbye")
{
obj.style.display="none";
}
else if (obj.innerHTML=="Thank You")
{
obj.innerHTML="Goodbye";
}
else if (obj.innerHTML=="Click Me<br>Click Me Again<br>And Again")
{
obj.innerHTML="Thank You";
}
else if (obj.innerHTML=="Click Me<br>Click Me Again")
{
obj.innerHTML=obj.innerHTML+"<br>And Again";
}
else
{
obj.innerHTML=obj.innerHTML+"<br>Click Me Again";
}
}
//-->
</script>
</body>
</html>
沒有留言:
張貼留言
歡迎指教!~