-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
37 lines (37 loc) · 1.38 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>typewrite example</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!--<script type="text/javascript" src="https://cdn.rawgit.com/mrvautin/typewrite/master/dist/typewrite.min.js"></script>-->
<script type="text/javascript" src="src/typewrite.js"></script>
<style>
body{background-color: #000;}
#typewriteText{color: #fff;font-size: 50px; font-family: Arial, Helvetica, sans-serif; position: fixed; left: 35%; top: 25%; width: 35%;}
</style>
<script>
$(document).ready(function(){
$('#typewriteText').typewrite({
continuous: true,
actions: [
{type: 'Hello. '},
{type: '<br>'},
{type: 'Weclome '},
{delay: 1500},
{remove: {num: 1, type: 'stepped'}},
{select: {from: 11, to: 16}},
{delay: 2000},
{remove: {num: 5, type: 'whole'}},
{delay: 300},
{type: 'lcome to `typewrite`. '},
{type: '<br>'},
{type: 'It\'s so easy to setup and use.'}
]
});
});
</script>
</head>
<body>
<div id="typewriteText"></div>
</body>
</html>