js左右拖拽翻页

1、新建html文档。

3、书写css代码。* { margin: 0; padding: 0; }body { border: 0px; margin: 0px; overflow: hidden; background-color: transparent; font-family: 宋体; }.page { position: absolute; width: 700px; border: 1px solid #999; background-color: #000; left: 425px; margin-left: -350px; cursor: default; z-index: 0; }ul { height: 320px; list-style: none; margin: 40px 50px 0px; padding: 0px; }li { width: 100%; height: 30px; line-height: 30px; font-size: 14px; text-align: left; border-bottom: 1px dashed #999; }a { text-decoration: none; color: #999; }a:hover { font-weight: bold; }li span { float: right; color: #999; }.tip { display: block; width: 100%; font-size: 12px; color: #999; text-align: center; margin: 10px 0px 20px; }

5、代码整体结构。