-
Notifications
You must be signed in to change notification settings - Fork 0
/
jscript.js
102 lines (59 loc) · 2.29 KB
/
jscript.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
// ________________________________________________________________________________________________________
// pre loader ______________ ___________ _________ _______ _____ ___ __ __ _ _
var body = document.getElementById('body');
var preloader = document.querySelector('.preloader');
function loading() {
preloader.style.width = '0';
preloader.style.opacity = '0';
body.style.overflow = 'visible'
}
// ________________________________________________________________________________________________________
// Chat-Box ______________ ___________ _________ _______ _____ ___ __ __ _ _
var chatdiv = document.getElementById('chatdiv');
var closebtn = document.getElementById('closebtn');
var chatimg = document.querySelector('.img-to-open-chat-box');
function closechat() {
chatdiv.style.height = '0px';
chatdiv.style.width = '0px';
chatdiv.style.opacity = '0';
closebtn.style.display = 'none';
chatimg.style.display = 'block';
}
function openchat() {
chatdiv.style.height = '470px';
chatdiv.style.width = '330px';
chatdiv.style.opacity = '100';
closebtn.style.display = 'flex';
chatimg.style.display = 'none';
}
function sendmsg() {
alert("Message Sent");
}
// ________________________________________________________________________________________________________
// Responsive ul anim ______________ ___________ _________ _______ _____ ___ __ __ _ _
var mobileul = document.getElementById('mobileul');
var burger = document.getElementById('burger');
var close = document.getElementById('close');
mobileul.style.height = '470px'
close.style.display = 'none';
function bars() {
if (
mobileul.style.height == '470px'
)
{
mobileul.style.height = '471px'
mobileul.style.left = '0'
burger.style.display = 'none';
close.style.display = 'block';
}
}
function cross() {
if (mobileul.style.height == '471px')
{
mobileul.style.height = '470px'
burger.style.display = 'block';
close.style.display = 'none';
mobileul.style.left = '-100%'
}
}
// ________________________________________________________________________________________________________