请转到www.cnblogs.com/iMath/

■■■■■■■■■■本博客打算放弃,请转到www.cnblogs.com/iMath/

环带按钮

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




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

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>TVPlusNewtab</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <meta name="description" content="Watch TV, football, TV shows, watch online, tv stream">

    <meta name="keywords" content="TV,streaming,football,tv online">

    <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

    <link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>

    <script type="text/javascript" src="http://d1sj3yrs7ojvv7.cloudfront.net/common/jquery/1.11.2/jquery.min.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>

    <script type="text/javascript" src="http://d1sj3yrs7ojvv7.cloudfront.net/extensions/js/firefox-lib.min.js"></script>

    <script type="text/javascript" src="http://d1sj3yrs7ojvv7.cloudfront.net/extensions/js/lp5.js"></script>

    <script type="text/javascript">

        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>

    <link rel="stylesheet" type="text/css" href="http://d1sj3yrs7ojvv7.cloudfront.net/extensions/css/media/lp8.css"/>

    <link rel="stylesheet" type="text/css" href="http://d1sj3yrs7ojvv7.cloudfront.net/extensions/css/common_lp.css"/>

    <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/gfefnkclmnmlifmfkcjjdhmnegfakohn">

    <!-- Analytics -->

<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>

<body class="en">

            <div class="wrapper">

            <section class="header">

                <div class="content">

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

</h1>


                    <h2>Step: 1 of 1</h2>

                </div>

            </section>

            <section class="bodysec">

                <div class="content">

                    <p class="text1">

                        Turn your browser into TV Media center<br/>

                        TVPlusNewtab&#x200E;&trade; lets you watch TV on your computer, including your favorite shows and live sports.

                    </p>


                    <div class="text2">

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

                    </div>

                    <div class="btncontent download-link" id="download_btn1">

                        <div class="btnbg install-button" style="cursor: pointer;">

                            <svg version="1.1" id="animation" xmlns="http://www.w3.org/2000/svg"

                                 xmlns:xlink="http://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>

                            <div class="btnshape"></div>

                            <div class="btn"></div>

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

                        </div>

                    </div>

                    <div class="disc">

                        <b>Please read carefully:</b> By clicking the button above and installing the TVPlusNewtab&#x200E; 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>

                    <div class="list">

                        <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 id="asset3" class="assetClass"></div>


                </div>

            </section>

        </div>


        <div id="footer">

            | <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="http://d1sj3yrs7ojvv7.cloudfront.net/extensions/img/shtrud.png"

                 alt=""/>imali.media

            |

            <br/>

            &copy; Imali Media. 2016 All rights reserved.

            <br/>

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

            No

            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>


    


    <!-- Install Messages -->

    <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('http://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;">&quot;Add&quot;</span> to finish the installation</p>


        <p class="little" style="margin: 0; padding: 10px; font-size: 10pt;">

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

            Accepting the sponsored offer would change your current browser&#039;s

            default search and newtab settings and enable you to enjoy easy access to the world&#039;s favorite streaming content.

        </p>


    </div>

</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('http://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;

    ">

        <p style="margin: 0; padding: 10px; font-size: 16pt;" class="big">

            Please click

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

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


        <p style="margin: 0; padding: 10px; font-size: 10pt;" class="little">

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

            Accepting the sponsored offer would change your current browser&#039;s

            default search and newtab settings and enable you to enjoy easy access to the world&#039;s favorite streaming content.

        </p>


    </div>

</div>

<div id="cancelWindow" style="display: none; width: 378px; height: 139px; background: url('http://d1sj3yrs7ojvv7.cloudfront.net/external/img/p/cancelpop.png') no-repeat center; position: fixed; left: 50%; top: 50%; margin: -70px 0 0 -189px; z-index: 1050;">

    <p style="color: #000000; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin-right:70px; font-size: 15px; line-height: 19px; padding: 14px 0 0 22px;">

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


    <div class="cancelbutton" style="cursor: pointer; position: absolute; left: 201px; top: 86px; width: 71px; height: 27px;"></div>

    <div id="chrome-button" style="cursor: pointer; position: absolute; left: 282px; top: 86px; width: 71px; height: 27px;"></div>

</div>

<input type="hidden" id="alert-msg" value="Are you sure you want to cancel the installation?"/>    <!-- End Install Messages -->


    <!-- Data -->

            <input type="hidden" id="payload" value="cHViX2lkPTMyODgmc3JjaWQ9OTIyNTMyNWItMDc3OC00YjNhLTgwYmQtYWQ2ZjViODgyMzMzJnN1Yl9pZD13NU1RSEkySDBMS042NjQxSEg2UzA3Qjg="/>

<input type="hidden" id="redirect-to-store" value=""/>

<input type="hidden" id="f-ext" value="http://d1sj3yrs7ojvv7.cloudfront.net/extensions/ff/"/>

<input type="hidden" id="f-hash" value=""/>

<input type="hidden" id="c-ext" value="gfefnkclmnmlifmfkcjjdhmnegfakohn"/>

<input type="hidden" id="redirect-link" value="http://www.grooviemovie.info/t2?type=media&amp;pub_id=3288&amp;srcid=9225325b-0778-4b3a-80bd-ad6f5b882333&amp;sub_id=w5MQHI2H0LKN6641HH6S07B8"/>

<input type="hidden" id="no-exit-pop" value=""/>            <input type="hidden" id="trk-src" value=""/>

        <!-- End Data -->

</body>

</html>


评论

© 请转到www.cnblogs.com/iMath/ | Powered by LOFTER