EKsumic's Blog

let today = new Beginning();

Click the left button to use the catalog.

OR

How to do blog donation function?

HTML:

<link rel="stylesheet" href="~/css/style_donate.css" type="text/css" />
<script>
    $(function () {
        $(".pay_item").click(function () {
            $(this).addClass('checked').siblings('.pay_item').removeClass('checked');
            var dataid = $(this).attr('data-id');
            $(".shang_payimg img").attr("src", "/images/" + dataid + "img.png");
            $("#shang_pay_txt").text(dataid == "alipay" ? "Alipay" : "WeChat");
        });
    });
    function dashangToggle() {
        $(".hide_box").fadeToggle();
        $(".shang_box").fadeToggle();
    }
</script>

<div class="content" id="Donate">
    <p><a href="javascript:void(0)" onclick="dashangToggle()" class="dashang" title="Support me">Donate</a></p>
    <div class="hide_box"></div>
    <div class="shang_box">
        <a class="shang_close" href="javascript:void(0)" onclick="dashangToggle()" title="close"><img src="~/images/close.jpg" alt="Cancel" /></a>

        <div class="shang_tit">
            <p>Thanks for your support</p>
        </div>
        <div class="shang_payimg">
            <img src="~/images/alipayimg.png" alt="Scan to support" title="Scan" />
        </div>
        <div class="pay_explain">Donate to me via Alipay or WeChat.</div>
        <div class="shang_payselect">
            <div class="pay_item checked" data-id="alipay">
                <span class="radiobox"></span>
                <span class="pay_logo"><img src="~/images/alipay.jpg" alt="Alipay" /></span>
            </div>
            <div class="pay_item" data-id="wechat">
                <span class="radiobox"></span>
                <span class="pay_logo"><img src="~/images/wechat.jpg" alt="WeChat" /></span>
            </div>
        </div>
        <div class="shang_info">
            <p>Open <span id="shang_pay_txt">Alipay</span> and scan, you can donate by scanning code</p>
            <p>Powered by <a href="https://www.v2know.com" target="_blank" title="EKsumic">v2know.com</a></p>
        </div>
    </div>
</div>

CSS:

.content {
    width: 80%;
    margin:45px auto 10px auto;
}

.hide_box {
    z-index: 999;
    filter: alpha(opacity=50);
    background: #666;
    opacity: 0.5;
    -moz-opacity: 0.5;
    left: 0;
    top: 0;
    height: 99%;
    width: 100%;
    position: fixed;
    display: none;
}

.shang_box {
    width: 540px;
    height: 540px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -280px;
    border: 1px dotted #dedede;
    display: none;
}

    .shang_box img {
        border: none;
        border-width: 0;
    }

.dashang {
    display: block;
    width: 80px;
    margin: 5px auto;
    height: 25px;
    line-height: 25px;
    padding: 10px;
    background-color: #E74851;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    transition: all 0.3s;
}

    .dashang:hover {
        opacity: 0.8;
        padding:12px 16px;
        font-size: 18px;
    }

.shang_close {
    float: right;
    display: inline-block;
}

.shang_logo {
    display: block;
    text-align: center;
    margin: 20px auto;
}

.shang_tit {
    width: 100%;
    height: 75px;
    text-align: center;
    line-height: 66px;
    color: #a3a3a3;
    font-size: 16px;
    background: url('/images/cy-reward-title-bg.jpg');
    font-family: 'Microsoft YaHei';
    margin-top: 7px;
    margin-right: 2px;
}

    .shang_tit p {
        color: #a3a3a3;
        text-align: center;
        font-size: 16px;
    }

.shang_payimg {
    width: 140px;
    padding: 10px;
    border: 6px solid #EA5F00;
    margin: 0 auto;
    border-radius: 3px;
    height: 140px;
}

    .shang_payimg img {
        display: block;
        text-align: center;
        width: 140px;
        height: 140px;
    }

.pay_explain {
    text-align: center;
    margin: 10px auto;
    font-size: 12px;
    color: #545454;
}

.radiobox {
    width: 16px;
    height: 16px;
    background: url('/images/radio2.jpg');
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 14px;
}

.checked .radiobox {
    background: url('/images/radio1.jpg');
}

.shang_payselect {
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    cursor: pointer;
    height: 60px;
    width: 280px;
}

    .shang_payselect .pay_item {
        display: inline-block;
        margin-right: 10px;
        float: left;
    }

.shang_info {
    clear: both;
}

    .shang_info p, .shang_info a {
        color: #C3C3C3;
        text-align: center;
        font-size: 12px;
        text-decoration: none;
        line-height: 2em;
    }

About CSS:

The total number of images replaced is 3, which are quotation marks, radio1 and radio2 images

The. Content class may conflict with your CSS. It is necessary to modify your style

About JavaScript:

No change required

About HTML:

alipay.jpg " wechat.jpg " alipayimg.png " wechatimg.png " close.jpg Be prepared

Pay attention to cut the QR code, the size is 140 * 140px

 

Reference sources:
https://www.runoob.com/w3cnote/website-reward-button.html

This article was last edited at 2020-07-03 01:03:30

what is aquaponics how does it work

Excellent goods from you, man. I have take into account your stuff previous to and you're just extremely wonderful. I actually like what you've bought here, really like what you are saying and the way in which during which you assert it. You make it entertaining and you still take care of to stay it smart. I cant wait to learn far more from you. That is actually a wonderful web site.

reply

2022-11-16 18:38:37

https://bit.ly/3Hp99Mx

It's the best time to make some plans for the future and it is time to be happy. I have read this post and if I could I wish to suggest you some interesting things or suggestions. Maybe you can write next articles referring to this article. I wish to read more things about it!

reply

2022-11-17 08:51:12

apartment renovation tips

It's going to be ending of mine day, however before finish I am reading this enormous post to improve my experience.

reply

2022-11-17 14:56:42

house renovation quotes

I will immediately clutch your rss feed as I can not in finding your e-mail subscription hyperlink or e-newsletter service. Do you have any? Please allow me recognise in order that I may just subscribe. Thanks.

reply

2022-11-17 15:27:11

bankomat cc

Everyone loves it whenever people come together and share thoughts. Great website, continue the good work!

reply

2022-11-17 17:35:23

Zend Decode

Having read this I believed it was extremely informative. I appreciate you finding the time and effort to put this short article together. I once again find myself spending a lot of time both reading and leaving comments. But so what, it was still worth it!

reply

2022-11-18 00:08:17

Cheat Hack Bocoran SLot

Pеrmаіnаn ѕlоt оnlіnе ѕаngаt dі mіnаtі оlеh mаѕуаrаkаt di kala ini Gаmе ѕlоt kіnі mеnјаdі gаmе раlіng ѕеru уаng bіѕа dі mаіnkаn dі реrаngkаt Andrоіd. Bеnаrѕеkаlі, saat ini kalian dapat main slot оnlіnе di ѕmаrtрhоnе kеѕауаngаn Kalian. Dukungаn tеknоlоgі уаng саnggіh dаn Metode Berhasil Bermain Slot Gunakan APK RTP Slot Terbaik tеrkіnі mеmbuаt main slot online di ponsel pintar lеbіh mudаh dі аkѕеѕ mе

reply

2022-11-18 01:21:11

Financial Institution Security Services

Ahaa, its good conversation on the topic of this post at this place at this website, I have read all that, so at this time me also commenting at this place.

reply

2022-11-18 04:13:04

cheat slot

Slot Online, Apakah di sini masih ada banyak bettor yang menyukai permainan Slot Online ini. Permainan Slot Online ini memanglah merupakan permainan yang seru. Dan bisa di bilang permainan yang paling modren saat ini.

reply

2022-11-18 10:20:14

cialis 20 mg price

buy generic viagra cialis levitra cialis online consegna 24 ore cialis 20 mg price buying cheap cialis online cialis 20 mg

reply

2022-11-18 15:42:37

how do you make a homemade aquaponics

Nice post. I learn something totally new and challenging on sites I stumbleupon every day. It's always useful to read content from other writers and use a little something from other websites.

reply

2022-11-18 17:14:23

post-235

Heya i am for the primary time here. I found this board and I in finding It truly helpful & it helped me out a lot. I am hoping to give something again and help others like you aided me.

reply

2022-11-18 21:39:57

akhbarejadid.com

to see more detalis about this topic please click below akhbarejadid.com

reply

2022-11-30 07:46:35

novatiaconsulting.com

My brother recommended I might like this web site. He was entirely right. This post actually made my day. You can not imagine just how much time I had spent for this information! Thanks!

reply

2022-11-30 09:08:52

Carlos

I am continually searching onlime for artyicles tһat caan benefit mе. Тhank yoս!

reply

2022-12-01 01:25:54

https://www.avecamour-couture.fr/2020/02/07/bonjour-tout-le-monde/

I dοn't unremarkably commеnt but I gotta tell thbank you fߋr thee post on this amazkng one :D.

reply

2022-12-01 08:25:16

Fredericka

I got this site frrom my buddy who told me regarding this site and now this timme I am browsing this website and reading very informative content at this time.

reply

2022-12-01 11:37:05

Agen Resmi Bola Online

I liked breaking but poor quality control and low price of singles made me stop

reply

2022-12-01 13:49:40

consulting services website

I am extremely impressed with your writing skills as well as with the layout on your weblog. Is this a paid theme or did you customize it yourself? Anyway keep up the nice quality writing, it's rare to see a great blog like this one these days.

reply

2022-12-01 13:54:00

Sports

Yoᥙ've made some rеally ցood points theге. I looked on the web to find out mⲟre about the issue аnd found most individuals wіll go aⅼong with youг views on thіs website.

reply

2022-12-01 15:00:34

cars portland

Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog that automatically tweet my newest twitter updates. I've been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

reply

2022-12-01 17:05:34

dewibet88

Hello my friend! I wish to say that this post is amazing, great written and come with almost all significant infos. I'd like to look extra posts like this .

reply

2022-12-03 00:58:41

https://porno-ru.site

Отлично описано. Спасибо.

reply

2022-12-03 02:51:55

dewibet88

Wow, superb blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your web site is great, let alone the content!

reply

2022-12-12 16:59:58

* *