<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动画组件</title> <style type="text/css"> #motion { background: #ccc; width: 500px; height: 500px; position: relative; overflow: hidden; float: left; } #motion #ball { width: 40px; height: 40px; background: red; position:absolute; *font-size: 0px; } #motion #flag { background: yellow; width: 4px; height: 4px; position:absolute; *font-size: 0px; } #status { float: left; margin: 0px 10px; } #status .item { margin: 1em 0px; } #chart { *zoom: 1; margin: 0px 20px 10px 0px;; } #chart { position: relative; width: 250px; height: 250px; background: #eaeaea; } #chart div { width:4px; height:4px; cursor:pointer; background: green; position: absolute; *font-size: 0px; } #chart:selected { background: red; } </style> </head> <body>