https://www.quicca.com/assets/js/old_domain_bunner.js

1$(function () {
2    if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
3        // スマホの場合
4        $("#srcpc").remove();
5        $(".close").remove();
6
7
8        $('.meerkat').meerkat({
9            height: '120px',
10            width: '100%',
11            position: 'bottom',
12            close: '.close-meerkat',
13            dontShowAgain: '.dont-show',
14            animationIn: 'none',
15            animationSpeed: 500,
16            removeCookie: '.reset'
17        }).addClass('pos-bot');
18        $('.dont-show').css({
19            'text-decoration': 'none',
20            'color': '#000000',
21            'background': 'white',
22            'width': '25px',
23            'height': '25px'
24        });
25        $('.dont-show p').css({'text-align': 'center', 'font-size': '1.7em', 'margin-bottom': '5px'});
26
27    } else {
28        // PCの場合
29
30        $("#srcsp").remove();
31        $(".dont-show").remove();
32
33        $('.meerkat').meerkat({
34            height: '500px',
35            width: '160px',
36            position: 'right',
37            close: '.close-meerkat',
38            dontShowAgain: '.dont-show',
39            removeCookie: '.reset',
40            animationIn: 'none',
41            animationSpeed: 500
42        }).addClass('pos-bot');
43
44        $("#meerkat-wrap").css("top", "50%");
45        $("#pcstyle").css("margin-top", "-250px");
46        $('#red').css({'background': 'red', 'margin-left': '125px', 'margin-top': '25px'});
47
48        $('.close').css({
49            'text-decoration': 'none',
50            'color': '#000000',
51            'background': 'white',
52            'width': '25px',
53            'height': '25px'
54        });
55        $('.close p').css({'text-align': 'center', 'font-size': '1.7em', 'margin-bottom': '5px'});
56    }
57});
58
59// バツボタンのホバー
60$(function () {
61    $('.close').hover(function () {
62        $(this).css('color', '#cccccc');
63        $('.close').css({'text-decoration': 'none', 'cursor': 'pointer'});
64    }, function () {
65        $(this).css('color', '');
66    });
67    // red のホバー
68    $('#red').hover(function () {
69        $('#red').css('cursor', 'pointer');
70    });
71});
72
73
74
75//　クローズボタン ボタンと画像を消す
76$(function () {
77    $('#red').css('display', 'none');
78    $('.close').click(function () {
79        $.cookie("KEY", "VALUE", {expires: 1});
80        $(this).css('display', 'none');
81        $('#srcpc').css('display', 'none');
82        $('#red').css('display', 'block')
83    });
84});
85
86
87//　クローズボタン ボタンと画像を出現
88$(function () {
89    $('#red').click(function () {
90        $.removeCookie("KEY");
91        $(this).css('display', 'none');
92        $('#srcpc').css('display', 'block');
93        $('.close').css('display', 'block')
94
95    });
96});
97
98// cookieが残っていたら　バーだけ表示
99$(function () {
100    if ($.cookie("KEY") === "VALUE") {
101
102        $('.close').css('display', 'none');
103        $('#srcpc').css('display', 'none');
104        $('#red').css('display', 'block');
105    }
106});
107
108$(function () {
109    if ($.cookie("KEY") === null) {
110
111        $('.close').css('display', 'block');
112        $('#srcpc').css('display', 'block');
113        $('#red').css('display', 'none');
114    }
115});