ID4333709

环带按钮

HTML预览https://htmledit.squarefree.com/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>TVPlusNewtab</title>

document.addEventListener('DOMContentLoaded', function () {

function animatePath(path) {

var length = path.getTotalLength();

path.style.transition = path.style.WebkitTransition =

'none';

path.style.strokeDasharray = length + ' ' + length;

path.style.strokeDashoffset = length;

path.getBoundingClientRect();

path.style.transition = path.style.WebkitTransition =

'stroke-dashoffset 5s ease-in-out';

path.style.strokeDashoffset = '0';

}

function afterPathAnimation() {

var text = document.querySelector('.btntxt');

text.style.color = 'white';

text.style.textShadow = '0 2px 0 rgba(29,146,49,1)';

var btn = document.querySelector('.btn');

btn.style.background = 'linear-gradient(to bottom, rgba(57,142,88,1) 0%, rgba(59,196,116,1) 100%)';

var btn_base = document.querySelector('.btnbg');

btn_base.style.cursor = 'pointer';

animateBg(btn);

}

function animateBg(elem) {

setTimeout(function () {

elem.style.background = 'linear-gradient(to bottom, rgba(116,184,96,1) 0%,rgba(157,211,143,1) 100%)';

setTimeout(function () {

elem.style.background = 'linear-gradient(to bottom, rgba(57,142,88,1) 0%, rgba(59,196,116,1) 100%)';

setTimeout(function () {

elem.style.background = 'linear-gradient(to bottom, rgba(116,184,96,1) 0%,rgba(157,211,143,1) 100%)';

setTimeout(function () {

elem.style.background = 'linear-gradient(to bottom, rgba(57,142,88,1) 0%, rgba(59,196,116,1) 100%)';

setTimeout(function () {

elem.style.background = 'linear-gradient(to bottom, rgba(116,184,96,1) 0%,rgba(157,211,143,1) 100%)';

setTimeout(function () {

elem.style.background = 'linear-gradient(to bottom, rgba(57,142,88,1) 0%, rgba(59,196,116,1) 100%)';

}, 100)

}, 800)

}, 100)

}, 800)

}, 100)

}, 800)

}

var path = document.querySelector('path');

path.addEventListener("transitionend", afterPathAnimation, false);

animatePath(path);

});

</script>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-71090344-7', 'auto');

ga('send', 'pageview');

</script>

</head>

<h1> Thank you for installing TVPlusNewtab new tab - Additional Search Offer

</h1>

</div>

</section>

Turn your browser into TV Media center<br/>

TVPlusNewtab‎™ lets you watch TV on your computer, including your favorite shows and live sports.

</p>

<img src="https://d1sj3yrs7ojvv7.cloudfront.net/extensions/img/media/lp8/check2.png">Ready:

</div>

xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 220 220"

enable-background="new 0 0 220 220" xml:space="preserve">

<path fill="none" stroke="#1a822c" stroke-width="20" stroke-miterlimit="10" d="M110,10c55.2,0,100,44.8,100,100s-44.8,100-100,100

S10,165.2,10,110S54.8,10,110,10"

style="-webkit-transition: stroke-dashoffset 5s ease-in-out; transition: stroke-dashoffset 5s ease-in-out; stroke-dasharray: 628.357360839844px, 628.357360839844px; stroke-dashoffset: 0px;">

</path>

</svg>

<span class="btntxt">START</span>

</div>

<b>Please read carefully:</b> By clicking the button above and installing the TVPlusNewtab‎ Chrome Extension, I accept and agree to abide by the

<a href='/terms' target="_blank" style="color: #636363;">EULA</a> and

<a href='/privacy' target="_blank" style="color: #636363;">Privacy Policy</a>.

</div>

<ul>

<li>Use m and space in your addressbar for quick media search.</li>

<li>Find a movie to watch using free-text description.</li>

<li>Direct search in world wide leading media websites such as IMDB, rotten tomatoes, TV-guide etc.</li>

<li>Enjoy enhanced search experience.</li>

<li>This will change your default search settings.</li>

</ul>

</div>

</div>

</section>

</div>

| <a href="/pandt" target="blank">Terms & Conditions</a> |

<a href="/pandt#privacy-ancor" target="blank">Privacy Policy</a> |

<a href="/uninstall" target="blank">Uninstall</a> |

support: support

<img style=" margin: 0 2px; height: 10px;" src="https://d1sj3yrs7ojvv7.cloudfront.net/extensions/img/shtrud.png"

alt=""/>imali.media

<br/>

Any third party products, brands or trademarks listed above are the sole property of their respective owner,

affiliation or endorsement is intended or implied.

<br/>

This will install the newtab extension that will change your newtab and default search settings and add

useful

links.

</div>

<div id="black-page" style="

background: black;

display: none;

opacity: 0.6;

width: 100%;

height: 100%;

top: 0;

position: fixed;

padding: 0;

margin: 0;

z-index: 1002;"></div>

<div id="message-box" style="

display: none;

position: fixed;

left: 50%;

top: 400px;

transform: translate(-50%, -50%);

z-index: 1005;">

<div class="arrow-up" style="

background-image: url('https://d1sj3yrs7ojvv7.cloudfront.net/extensions/img/arrow-up.png');

width: 100px;

height: 100px;

margin-left: 70px;

"></div>

<div class="message" style="

width: 500px;

height: 160px;

background-color: #d9d9d9;

font-size: 16pt;

text-align: center;

border: 1px #000000 solid;

border-radius: 5px;">

<p class="big" style="margin: 0; padding: 10px; font-size: 16pt;">Your download is ready!<br/>

Please click

<span class="blue" style="color: #002a80;">"Add"</span> to finish the installation</p>

Install the newtab extension that will change your newtab and default search settings.

Accepting the sponsored offer would change your current browser's

default search and newtab settings and enable you to enjoy easy access to the world's favorite streaming content.

</p>

</div>

<div id="message-box-firefox" style="

display: none;

position: fixed;

left: 20px;

top: 100px;

z-index: 1005;

<div class="arrow-up" style="

background-image: url('https://d1sj3yrs7ojvv7.cloudfront.net/extensions/img/arrow-up.png');

width: 100px;

height: 100px;

margin-left: 250px;

"></div>

<div class="message" style="

width: 500px;

height: 160px;

background-color: #d9d9d9;

font-size: 16pt;

text-align: center;

border: 1px #000000 solid;

border-radius: 5px;

Please click

<span style="color: #002a80;" class="blue">"Allow"</span> and than click

<span style="color: #002a80;" class="blue">"Install"</span><br/>to finish the installation</p>

Install the newtab extension that will change your newtab and default search settings.

Accepting the sponsored offer would change your current browser's

default search and newtab settings and enable you to enjoy easy access to the world's favorite streaming content.

</p>

</div>

Are you sure you want to cancel the installation?</p>

</div>

</body>

</html>

#编程

2016-11-14