Emlog复制弹出代码2018最新美化版本

原创

Emlog复制弹出代码2018最新美化版本

即日在某个站长群瞥见有小搭档,在探求Emlog的复制弹窗代码,本来这一类的代码网上都很多,冬镜整治了一下给有须要的站长,这个是2018年最新的粉饰版。

想要到达这个复制弹窗功效,咱们须要用到一个css文献和js文献,作品尾部会供给大师免费载入。

Emlog复制弹窗代码运用教程

1、在head地区增添css文献,emlog普遍在header.php文献内里增添就不妨整站同步。

<link rel=”stylesheet” href=”<?php echo TEMPLATE_URL; ?>sweetalert.css” type=’text/css’ />

2、在head地区大概</body>之前增添js文献,head地区在header.php文献增添,</body>在footer.php文献增添。

<script src=”<?php echo TEMPLATE_URL; ?>sweetalert.min.js”></script>

3、在head地区大概</body>之前增添弹窗提醒消息,与2同理。

<script>document.body.oncopy = function() {swal(“复制胜利!”, “若要连载请必须保持原文链接,声明根源,感谢协作!”,”success”);};</script>

好了,emlog复制弹窗代码运用教程就到这边中断,即使大师有什么不懂的,不妨指摘区留言交谈,附上css款式代码,爱好发端的不妨自行窜改css款式,不爱好发端的径直载入。

body.stop-scrolling {

height: 100%;

overflow: hidden; }

.sweet-overlay {

background-color: black;

/* IE8 */

-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

/* IE8 */

background-color: rgba(0, 0, 0, 0.4);

position: fixed;

left: 0;

right: 0;

top: 0;

bottom: 0;

display: none;

z-index: 10000; }

.sweet-alert {

background-color: white;

font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;

width: 478px;

padding: 17px;

border-radius: 5px;

text-align: center;

position: fixed;

left: 50%;

top: 50%;

margin-left: -256px;

margin-top: -200px;

overflow: hidden;

display: none;

z-index: 99999; }

@media all and (max-width: 540px) {

.sweet-alert {

width: auto;

margin-left: 0;

margin-right: 0;

left: 15px;

right: 15px; } }

.sweet-alert h2 {

color: #575757;

font-size: 30px;

text-align: center;

font-weight: 600;

text-transform: none;

position: relative;

margin: 25px 0;

padding: 0;

line-height: 40px;

display: block; }

.sweet-alert p {

color: #797979;

font-size: 16px;

text-align: center;

font-weight: 300;

position: relative;

text-align: inherit;

float: none;

margin: 0;

padding: 0;

line-height: normal; }

.sweet-alert fieldset {

border: none;

position: relative; }

.sweet-alert .sa-error-container {

background-color: #f1f1f1;

margin-left: -17px;

margin-right: -17px;

overflow: hidden;

padding: 0 10px;

max-height: 0;

webkit-transition: padding 0.15s, max-height 0.15s;

transition: padding 0.15s, max-height 0.15s; }

.sweet-alert .sa-error-container.show {

padding: 10px 0;

max-height: 100px;

webkit-transition: padding 0.2s, max-height 0.2s;

transition: padding 0.25s, max-height 0.25s; }

.sweet-alert .sa-error-container .icon {

display: inline-block;

width: 24px;

height: 24px;

border-radius: 50%;

background-color: #ea7d7d;

color: white;

line-height: 24px;

text-align: center;

margin-right: 3px; }

.sweet-alert .sa-error-container p {

display: inline-block; }

.sweet-alert .sa-input-error {

position: absolute;

top: 29px;

right: 26px;

width: 20px;

height: 20px;

opacity: 0;

-webkit-transform: scale(0.5);

transform: scale(0.5);

-webkit-transform-origin: 50% 50%;

transform-origin: 50% 50%;

-webkit-transition: all 0.1s;

transition: all 0.1s; }

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {

content: “”;

width: 20px;

height: 6px;

background-color: #f06e57;

border-radius: 3px;

position: absolute;

top: 50%;

margin-top: -4px;

left: 50%;

margin-left: -9px; }

.sweet-alert .sa-input-error::before {

-webkit-transform: rotate(-45deg);

transform: rotate(-45deg); }

.sweet-alert .sa-input-error::after {

-webkit-transform: rotate(45deg);

transform: rotate(45deg); }

.sweet-alert .sa-input-error.show {

opacity: 1;

-webkit-transform: scale(1);

transform: scale(1); }

.sweet-alert input {

width: 100%;

box-sizing: border-box;

border-radius: 3px;

border: 1px solid #d7d7d7;

height: 43px;

margin-top: 10px;

margin-bottom: 17px;

font-size: 18px;

box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);

padding: 0 12px;

display: none;

-webkit-transition: all 0.3s;

transition: all 0.3s; }

.sweet-alert input:focus {

outline: none;

box-shadow: 0px 0px 3px #c4e6f5;

border: 1px solid #b4dbed; }

.sweet-alert input:focus::-moz-placeholder {

transition: opacity 0.3s 0.03s ease;

opacity: 0.5; }

.sweet-alert input:focus:-ms-input-placeholder {

transition: opacity 0.3s 0.03s ease;

opacity: 0.5; }

.sweet-alert input:focus::-webkit-input-placeholder {

transition: opacity 0.3s 0.03s ease;

opacity: 0.5; }

.sweet-alert input::-moz-placeholder {

color: #bdbdbd; }

.sweet-alert input::-ms-clear {

display: none; }

.sweet-alert input:-ms-input-placeholder {

color: #bdbdbd; }

.sweet-alert input::-webkit-input-placeholder {

color: #bdbdbd; }

.sweet-alert.show-input input {

display: block; }

.sweet-alert .sa-confirm-button-container {

display: inline-block;

position: relative; }

.sweet-alert .la-ball-fall {

position: absolute;

left: 50%;

top: 50%;

margin-left: -27px;

margin-top: 4px;

opacity: 0;

visibility: hidden; }

.sweet-alert button {

background-color: #8CD4F5;

color: white;

border: none;

box-shadow: none;

font-size: 17px;

font-weight: 500;

-webkit-border-radius: 4px;

border-radius: 5px;

padding: 10px 32px;

margin: 26px 5px 0 5px;

cursor: pointer; }

.sweet-alert button:focus {

outline: none;

box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.sweet-alert button:hover {

background-color: #7ecff4; }

.sweet-alert button:active {

background-color: #5dc2f1; }

.sweet-alert button.cancel {

background-color: #C1C1C1; }

.sweet-alert button.cancel:hover {

background-color: #b9b9b9; }

.sweet-alert button.cancel:active {

background-color: #a8a8a8; }

.sweet-alert button.cancel:focus {

box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }

.sweet-alert button[disabled] {

opacity: .6;

cursor: default; }

.sweet-alert button.confirm[disabled] {

color: transparent; }

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {

opacity: 1;

visibility: visible;

transition-delay: 0s; }

.sweet-alert button::-moz-focus-inner {

border: 0; }

.sweet-alert[data-has-cancel-button=false] button {

box-shadow: none !important; }

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {

padding-bottom: 40px; }

.sweet-alert .sa-icon {

width: 80px;

height: 80px;

border: 4px solid gray;

-webkit-border-radius: 40px;

border-radius: 40px;

border-radius: 50%;

margin: 20px auto;

padding: 0;

position: relative;

box-sizing: content-box; }

.sweet-alert .sa-icon.sa-error {

border-color: #F27474; }

.sweet-alert .sa-icon.sa-error .sa-x-mark {

position: relative;

display: block; }

.sweet-alert .sa-icon.sa-error .sa-line {

position: absolute;

height: 5px;

width: 47px;

background-color: #F27474;

display: block;

top: 37px;

border-radius: 2px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {

-webkit-transform: rotate(45deg);

transform: rotate(45deg);

left: 17px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {

-webkit-transform: rotate(-45deg);

transform: rotate(-45deg);

right: 16px; }

.sweet-alert .sa-icon.sa-warning {

border-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-body {

position: absolute;

width: 5px;

height: 47px;

left: 50%;

top: 10px;

-webkit-border-radius: 2px;

border-radius: 2px;

margin-left: -2px;

background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-dot {

position: absolute;

width: 7px;

height: 7px;

-webkit-border-radius: 50%;

border-radius: 50%;

margin-left: -3px;

left: 50%;

bottom: 10px;

background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-info {

border-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::before {

content: “”;

position: absolute;

width: 5px;

height: 29px;

left: 50%;

bottom: 17px;

border-radius: 2px;

margin-left: -2px;

background-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::after {

content: “”;

position: absolute;

width: 7px;

height: 7px;

border-radius: 50%;

margin-left: -3px;

top: 19px;

background-color: #C9DAE1;

left: 50%; }

.sweet-alert .sa-icon.sa-success {

border-color: #A5DC86; }

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {

content: ”;

-webkit-border-radius: 40px;

border-radius: 40px;

border-radius: 50%;

position: absolute;

width: 60px;

height: 120px;

background: white;

-webkit-transform: rotate(45deg);

transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {

-webkit-border-radius: 120px 0 0 120px;

border-radius: 120px 0 0 120px;

top: -7px;

left: -33px;

-webkit-transform: rotate(-45deg);

transform: rotate(-45deg);

-webkit-transform-origin: 60px 60px;

transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {

-webkit-border-radius: 0 120px 120px 0;

border-radius: 0 120px 120px 0;

top: -11px;

left: 30px;

-webkit-transform: rotate(-45deg);

transform: rotate(-45deg);

-webkit-transform-origin: 0px 60px;

transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {

width: 80px;

height: 80px;

border: 4px solid rgba(165, 220, 134, 0.2);

-webkit-border-radius: 40px;

border-radius: 40px;

border-radius: 50%;

box-sizing: content-box;

position: absolute;

left: -4px;

top: -4px;

z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {

width: 5px;

height: 90px;

background-color: white;

position: absolute;

left: 28px;

top: 8px;

z-index: 1;

-webkit-transform: rotate(-45deg);

transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {

height: 5px;

background-color: #A5DC86;

display: block;

border-radius: 2px;

position: absolute;

z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {

width: 25px;

left: 14px;

top: 46px;

-webkit-transform: rotate(45deg);

transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {

width: 47px;

right: 8px;

top: 38px;

-webkit-transform: rotate(-45deg);

transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-custom {

background-size: contain;

border-radius: 0;

border: none;

background-position: center center;

background-repeat: no-repeat; }

/*

* Animations

*/

@-webkit-keyframes showSweetAlert {

0% {

transform: scale(0.7);

-webkit-transform: scale(0.7); }

45% {

transform: scale(1.05);

-webkit-transform: scale(1.05); }

80% {

transform: scale(0.95);

-webkit-transform: scale(0.95); }

100% {

transform: scale(1);

-webkit-transform: scale(1); } }

@keyframes showSweetAlert {

0% {

transform: scale(0.7);

-webkit-transform: scale(0.7); }

45% {

transform: scale(1.05);

-webkit-transform: scale(1.05); }

80% {

transform: scale(0.95);

-webkit-transform: scale(0.95); }

100% {

transform: scale(1);

-webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {

0% {

transform: scale(1);

-webkit-transform: scale(1); }

100% {

transform: scale(0.5);

-webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {

0% {

transform: scale(1);

-webkit-transform: scale(1); }

100% {

transform: scale(0.5);

-webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {

0% {

top: 0%; }

100% {

top: 50%; } }

@keyframes slideFromTop {

0% {

top: 0%; }

100% {

top: 50%; } }

@-webkit-keyframes slideToTop {

0% {

top: 50%; }

100% {

top: 0%; } }

@keyframes slideToTop {

0% {

top: 50%; }

100% {

top: 0%; } }

@-webkit-keyframes slideFromBottom {

0% {

top: 70%; }

100% {

top: 50%; } }

@keyframes slideFromBottom {

0% {

top: 70%; }

100% {

top: 50%; } }

@-webkit-keyframes slideToBottom {

0% {

top: 50%; }

100% {

top: 70%; } }

@keyframes slideToBottom {

0% {

top: 50%; }

100% {

top: 70%; } }

.showSweetAlert[data-animation=pop] {

-webkit-animation: showSweetAlert 0.3s;

animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {

-webkit-animation: none;

animation: none; }

.showSweetAlert[data-animation=slide-from-top] {

-webkit-animation: slideFromTop 0.3s;

animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {

-webkit-animation: slideFromBottom 0.3s;

animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {

-webkit-animation: hideSweetAlert 0.2s;

animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {

-webkit-animation: none;

animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {

-webkit-animation: slideToTop 0.4s;

animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {

-webkit-animation: slideToBottom 0.3s;

animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {

0% {

width: 0;

left: 1px;

top: 19px; }

54% {

width: 0;

left: 1px;

top: 19px; }

70% {

width: 50px;

left: -8px;

top: 37px; }

84% {

width: 17px;

left: 21px;

top: 48px; }

100% {

width: 25px;

left: 14px;

top: 45px; } }

@keyframes animateSuccessTip {

0% {

width: 0;

left: 1px;

top: 19px; }

54% {

width: 0;

left: 1px;

top: 19px; }

70% {

width: 50px;

left: -8px;

top: 37px; }

84% {

width: 17px;

left: 21px;

top: 48px; }

100% {

width: 25px;

left: 14px;

top: 45px; } }

@-webkit-keyframes animateSuccessLong {

0% {

width: 0;

right: 46px;

top: 54px; }

65% {

width: 0;

right: 46px;

top: 54px; }

84% {

width: 55px;

right: 0px;

top: 35px; }

100% {

width: 47px;

right: 8px;

top: 38px; } }

@keyframes animateSuccessLong {

0% {

width: 0;

right: 46px;

top: 54px; }

65% {

width: 0;

right: 46px;

top: 54px; }

84% {

width: 55px;

right: 0px;

top: 35px; }

100% {

width: 47px;

right: 8px;

top: 38px; } }

@-webkit-keyframes rotatePlaceholder {

0% {

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg); }

5% {

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg); }

12% {

transform: rotate(-405deg);

-webkit-transform: rotate(-405deg); }

100% {

transform: rotate(-405deg);

-webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {

0% {

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg); }

5% {

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg); }

12% {

transform: rotate(-405deg);

-webkit-transform: rotate(-405deg); }

100% {

transform: rotate(-405deg);

-webkit-transform: rotate(-405deg); } }

.animateSuccessTip {

-webkit-animation: animateSuccessTip 0.75s;

animation: animateSuccessTip 0.75s; }

.animateSuccessLong {

-webkit-animation: animateSuccessLong 0.75s;

animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {

-webkit-animation: rotatePlaceholder 4.25s ease-in;

animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {

0% {

transform: rotateX(100deg);

-webkit-transform: rotateX(100deg);

opacity: 0; }

100% {

transform: rotateX(0deg);

-webkit-transform: rotateX(0deg);

opacity: 1; } }

@keyframes animateErrorIcon {

0% {

transform: rotateX(100deg);

-webkit-transform: rotateX(100deg);

opacity: 0; }

100% {

transform: rotateX(0deg);

-webkit-transform: rotateX(0deg);

opacity: 1; } }

.animateErrorIcon {

-webkit-animation: animateErrorIcon 0.5s;

animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {

0% {

transform: scale(0.4);

-webkit-transform: scale(0.4);

margin-top: 26px;

opacity: 0; }

50% {

transform: scale(0.4);

-webkit-transform: scale(0.4);

margin-top: 26px;

opacity: 0; }

80% {

transform: scale(1.15);

-webkit-transform: scale(1.15);

margin-top: -6px; }

100% {

transform: scale(1);

-webkit-transform: scale(1);

margin-top: 0;

opacity: 1; } }

@keyframes animateXMark {

0% {

transform: scale(0.4);

-webkit-transform: scale(0.4);

margin-top: 26px;

opacity: 0; }

50% {

transform: scale(0.4);

-webkit-transform: scale(0.4);

margin-top: 26px;

opacity: 0; }

80% {

transform: scale(1.15);

-webkit-transform: scale(1.15);

margin-top: -6px; }

100% {

transform: scale(1);

-webkit-transform: scale(1);

margin-top: 0;

opacity: 1; } }

.animateXMark {

-webkit-animation: animateXMark 0.5s;

animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {

0% {

border-color: #F8D486; }

100% {

border-color: #F8BB86; } }

@keyframes pulseWarning {

0% {

border-color: #F8D486; }

100% {

border-color: #F8BB86; } }

.pulseWarning {

-webkit-animation: pulseWarning 0.75s infinite alternate;

animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {

0% {

background-color: #F8D486; }

100% {

background-color: #F8BB86; } }

@keyframes pulseWarningIns {

0% {

background-color: #F8D486; }

100% {

background-color: #F8BB86; } }

.pulseWarningIns {

-webkit-animation: pulseWarningIns 0.75s infinite alternate;

animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {

0% {

transform: rotate(0deg); }

100% {

transform: rotate(360deg); } }

@keyframes rotate-loading {

0% {

transform: rotate(0deg); }

100% {

transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */

/* The icons are not animated. */

/* This file is automatically merged into sweet-alert.min.js through Gulp */

/* Error icon */

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {

-ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {

-ms-transform: rotate(-45deg) \9; }

/* Success icon */

.sweet-alert .sa-icon.sa-success {

border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {

-ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {

-ms-transform: rotate(-45deg) \9; }

/*!

* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)

* Copyright 2015 Daniel Cardoso <@DanielCardoso>

* Licensed under MIT

*/

.la-ball-fall,

.la-ball-fall > div {

position: relative;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box; }

.la-ball-fall {

display: block;

font-size: 0;

color: #fff; }

.la-ball-fall.la-dark {

color: #333; }

.la-ball-fall > div {

display: inline-block;

float: none;

background-color: currentColor;

border: 0 solid currentColor; }

.la-ball-fall {

width: 54px;

height: 18px; }

.la-ball-fall > div {

width: 10px;

height: 10px;

margin: 4px;

border-radius: 100%;

opacity: 0;

-webkit-animation: ball-fall 1s ease-in-out infinite;

-moz-animation: ball-fall 1s ease-in-out infinite;

-o-animation: ball-fall 1s ease-in-out infinite;

animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {

-webkit-animation-delay: -200ms;

-moz-animation-delay: -200ms;

-o-animation-delay: -200ms;

animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {

-webkit-animation-delay: -100ms;

-moz-animation-delay: -100ms;

-o-animation-delay: -100ms;

animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {

-webkit-animation-delay: 0ms;

-moz-animation-delay: 0ms;

-o-animation-delay: 0ms;

animation-delay: 0ms; }

.la-ball-fall.la-sm {

width: 26px;

height: 8px; }

.la-ball-fall.la-sm > div {

width: 4px;

height: 4px;

margin: 2px; }

.la-ball-fall.la-2x {

width: 108px;

height: 36px; }

.la-ball-fall.la-2x > div {

width: 20px;

height: 20px;

margin: 8px; }

.la-ball-fall.la-3x {

width: 162px;

height: 54px; }

.la-ball-fall.la-3x > div {

width: 30px;

height: 30px;

margin: 12px; }

/*

* Animation

*/

@-webkit-keyframes ball-fall {

0% {

opacity: 0;

-webkit-transform: translateY(-145%);

transform: translateY(-145%); }

10% {

opacity: .5; }

20% {

opacity: 1;

-webkit-transform: translateY(0);

transform: translateY(0); }

80% {

opacity: 1;

-webkit-transform: translateY(0);

transform: translateY(0); }

90% {

opacity: .5; }

100% {

opacity: 0;

-webkit-transform: translateY(145%);

transform: translateY(145%); } }

@-moz-keyframes ball-fall {

0% {

opacity: 0;

-moz-transform: translateY(-145%);

transform: translateY(-145%); }

10% {

opacity: .5; }

20% {

opacity: 1;

-moz-transform: translateY(0);

transform: translateY(0); }

80% {

opacity: 1;

-moz-transform: translateY(0);

transform: translateY(0); }

90% {

opacity: .5; }

100% {

opacity: 0;

-moz-transform: translateY(145%);

transform: translateY(145%); } }

@-o-keyframes ball-fall {

0% {

opacity: 0;

-o-transform: translateY(-145%);

transform: translateY(-145%); }

10% {

opacity: .5; }

20% {

opacity: 1;

-o-transform: translateY(0);

transform: translateY(0); }

80% {

opacity: 1;

-o-transform: translateY(0);

transform: translateY(0); }

90% {

opacity: .5; }

100% {

opacity: 0;

-o-transform: translateY(145%);

transform: translateY(145%); } }

@keyframes ball-fall {

0% {

opacity: 0;

-webkit-transform: translateY(-145%);

-moz-transform: translateY(-145%);

-o-transform: translateY(-145%);

transform: translateY(-145%); }

10% {

opacity: .5; }

20% {

opacity: 1;

-webkit-transform: translateY(0);

-moz-transform: translateY(0);

-o-transform: translateY(0);

transform: translateY(0); }

80% {

opacity: 1;

-webkit-transform: translateY(0);

-moz-transform: translateY(0);

-o-transform: translateY(0);

transform: translateY(0); }

90% {

opacity: .5; }

100% {

opacity: 0;

-webkit-transform: translateY(145%);

-moz-transform: translateY(145%);

-o-transform: translateY(145%);

transform: translateY(145%); } }

.paydown{margin-top:20px;width:auto;border:1px solid #eee;background:#f8f8f8;overflow: hidden}

.paydown p{margin:3px;padding:3px 15px;border-bottom:1px solid #f8f8f8;text-indent:0;color: #666;font-size: 14px;line-height: 180%;}

.paydown p span{color:#e14d43}

.paydown .down-title{float:left;padding-top:15px;width:5%;color:#666;text-align:center;font-weight:700;font-size:15px}

.paydown .down-detail{float:right;min-height:140px;width:94%;border-left:1px solid #eee;background:#FFF url(http://uqseo.com/content/plugins/fdown/bg.png) no-repeat;background-position:100% 100%;background-size: 220px 95%;}

.paydown p.down-ordinary{color:#09b1b9}

.paydown p.down-vip{color:#e14d43}

.paydown p a{margin-left:10px;font-weight:700}

.paydown p.down-tip{border-bottom:0}

.downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF !important;font-family: “Open Sans”,”Hiragino Sans GB”,”Microsoft YaHei”,”WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; padding: 6px 5%;text-decoration:none!important}

.yanshibtn{background: none repeat scroll 0 0 #d33431; border: 0 none; border-radius: 2px; color: #FFFFFF!important;font-family: “Open Sans”,”Hiragino Sans GB”,”Microsoft YaHei”,”WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; padding: 6px 5%;text-transform:none;text-decoration:none!important;}

.downbtn:hover,.yanshibtn:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF!important;font-family: “Open Sans”,”Hiragino Sans GB”,”Microsoft YaHei”,”WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; padding: 6px 5%;text-decoration:none!important;}

.downbtn a:hover,.yanshibtn a:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF; font-family: “Open Sans”,”Hiragino Sans GB”,”Microsoft YaHei”,”WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; padding: 6px 5%;text-decoration:none!important;}.down-tip strong {background: transparent;}

.down-open{position:fixed;top:50%;left:50%;z-index:999;display:none;margin:-130px 0 0 -150px;padding:20px;width:307px;height:auto;border-radius:2px;background-color:#fff;box-shadow:0 1px 3px rgba(34,25,25,.5)}

.down-close{margin-top: -5px!important;padding-bottom: 5px;border-bottom: 1px solid #eee;color: #666;font-weight:700;font-size:18px}

.down-close a{float:right;display:block;width:19px;height:19px;border-bottom:0;background: url(http://uqseo.com/content/plugins/fdown/close.png) no-repeat;-webkit-transition: all .6s ease-in-out 0s;-moz-transition: all .6s ease-in-out 0s;transition: all .6s ease-in-out 0s}.down-close a:hover{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);-ms-transform:rotate(-270deg)}

.down-p a{background-color:#FF5E52;float:left;border-bottom:0}.down-p a:nth-child(2){background-color:#4a9cf8;float:right;border-bottom:0}.zhezhao {position: fixed;z-index:99;display:none;top:0;left:0;width:100%;height:100%;background-color:#313B43;opacity:.6;filter: alpha(opacity=60)}.clear{clear:both}.down-f{margin-top:10px;margin-bottom:-10px;padding-top:5px;border-top:1px solid #eee;color:#666;font-weight:700;text-align:center;font-size:14px}.down-f i{color:#F57D59}载入面板文献称呼:Emlog复制弹窗代码

革新功夫:2018.09.15

载入证明:emlog源码

登时载入

载入地方

极速载入网盘载入

emlog源码

免责声明: 本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
转载请注明出处:
网赚 » Emlog复制弹出代码2018最新美化版本

提供最优质的资源集合

赞助会员 了解详情