banner panel 页面_jQuery整页banner切换

书写css代码。

.pt-page h1 strong { color: rgba(0,0,0,0.1); }

.pt-page-1 { background: #0ac2d2; }

.pt-page-2 { background: #7bb7fa; }

.pt-page-3 { background: #60d7a9; }

.pt-page-4 { background: #fdc162; }

.pt-page-5 { background: #fd6a62; }

.pt-page-6 { background-color: #0B50DD; }

.pt-triggers { position: absolute; width: 300px; z-index: 999999; bottom: 12%; left: 50%; margin-top: 130px; -web  kit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.no-js .pt-triggers { display: none; }

.pt-touch-button { border: none; font-size: 13px; font-weight: 700; text-transform: uppercase; margin: 10px 0 20px; padding: 0px 20px; line-height: 50px; height: 50px; letter-spacing: 1px; width: 100%; cursor: pointer; display: block; font-family: 'Lato', Calibri, Arial, sans-serif; box-shadow: 0 3px 0 rgba(0,0,0,0.1); -web  kit-touch-callout: none; -web  kit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pt-touch-button { background: #fff; color: #aaa; }

.pt-touch-button:active { box-shadow: 0 1px 0 rgba(0,0,0,0.1); }

.pt-message { display: none; position: absolute; z-index: 99999; bottom: 0; left: 0; width: 100%; background: #da475c; color: #fff; text-align: center; }

.pt-message p { margin: 0; line-height: 60px; font-size: 26px; }

.no-cssani   mations .pt-message { display: block; }

@media screen and (max-width: 47.4375em) {

.pt-page h1 { font-size: 3em; }

}