天天看点

实现静态html分页特效,css+js实现静态分页

CSS+JS实现的静态页面翻页效果

*{font: normal 12px/1.5em "Microsoft YaHei" , Tahoma;_font: normal 12px/1.5em Tahoma; border: 0px;margin: 0px;padding: 0px;overflow: hidden;text-decoration: none; *text-overflow:ellipsis;}

a{color: #333;}

a:hover{color: #06c;}

body{background: #f3faff;text-align: center;}

ul{list-style-type: none;}

li{margin-bottom: 13px; *margin-bottom:12px;_margin-bottom:3%;white-space:nowrap;}

#Main_News{ border: 1px #acd0f0 solid;width: 445px;height: 402px;}

#Content{width: 425px;height: 372px;margin: 10px 10px 0px 10px;_margin: 10px 5px 0px 5px; overflow: hidden;text-align: left;}

#Pages{width: 445px;height: 20px;margin: 0px;text-align: right;}

  • [图文]科研处关于科研成果登记的通知
  • [图文]关于清除炒股聊天等软件的通知
  • [图文]关于清除炒股聊天等软件的通知
  • 1科研处关于科研成果登记的通知
  • 2关于清除炒股聊天等软件的通知
  • 3关于清除炒股聊天等软件的通知
  • 4科研处关于科研成果登记的通知
  • 5关于清除炒股聊天等软件的通知
  • 6关于清除炒股聊天等软件的通知
  • 7科研处关于科研成果登记的通知
  • 8关于清除炒股聊天等软件的通知
  • 9关于清除炒股聊天等软件的通知
  • 10科研处关于科研成果登记的通知
  • 11关于清除炒股聊天等软件的通知
  • 12关于清除炒股聊天等软件的通知
  • 13科研处关于科研成果登记的通知
  • 14关于清除炒股聊天等软件的通知
  • 15关于清除炒股聊天等软件的通知
  • 16科研处关于科研成果登记的通知
  • 17关于清除炒股聊天等软件的通知
  • 18关于清除炒股聊天等软件的通知
  • 19科研处关于科研成果登记的通知
  • 20关于清除炒股聊天等软件的通知
  • 21关于清除炒股聊天等软件的通知
  • 23科研处关于科研成果登记的通知
  • 24关于清除炒股聊天等软件的通知
  • 25关于清除炒股聊天等软件的通知
  • 26科研处关于科研成果登记的通知
  • 27关于清除炒股聊天等软件的通知
  • 28关于清除炒股聊天等软件的通知
  • 29科研处关于科研成果登记的通知
  • 30关于清除炒股聊天等软件的通知
  • 31关于清除炒股聊天等软件的通知
  • 32科研处关于科研成果登记的通知
  • 33关于清除炒股聊天等软件的通知
  • 34关于清除炒股聊天等软件的通知
  • 35科研处关于科研成果登记的通知
  • 36关于清除炒股聊天等软件的通知
  • 37关于清除炒股聊天等软件的通知
  • 38科研处关于科研成果登记的通知
  • 39关于清除炒股聊天等软件的通知
  • 40关于清除炒股聊天等软件的通知
  • 41科研处关于科研成果登记的通知
  • 42关于清除炒股聊天等软件的通知
  • 43关于清除炒股聊天等软件的通知
  • 44科研处关于科研成果登记的通知
  • 45关于清除炒股聊天等软件的通知
  • 46关于清除炒股聊天等软件的通知

分页效果如下图:

实现静态html分页特效,css+js实现静态分页

本文来源于网络:查看 >https://www.cnblogs.com/sntetwt/archive/2011/03/19/1988599.html