Hallo,
ich würde gerne einen simplen typewriter-Effekt mittels javascript und CSS einbinden, aber irgendwo scheint ein Bug zu sein. Habe den Code schon mehrmals abgeglichen, ich weiß aber einfach nicht was ich falsch mache...Folgend der HTML und CSS Code:
HTML
<!doctype html>
<html>
<head>
<title>Typing / typewriter effect</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<div id="main1">
<p id="typing_text"></p>
</div>
<script src="jquery-2.1.4.js"></script>
<script src="typed.js"></script>
<script>
$(function(){
$("#typing_text").typed({
strings: ['First sentence.', 'Second sentence.', 'Third sentence'],
typeSpeed: 0
});
});
</script>
<p>I will display 😀 🙊<p>
</body>
</html>CSS:
Code
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500);
*{
padding: 0;
margin: 0;
}
body {
font-family: "Ubuntu", sans-serif;
font-size: 60px;
background:#f8f8f8;
}
a{
text-decoration: none;
color:#666;
}
a:hover{
color:#999;
}
p{
line-height: 2em;
margin:0 0 20px;
text-align: center;
}
.wrap{
max-width: 600px;
margin:150px auto;
}
.type-wrap{
margin:10px auto;
padding:20px;
background:#f0f0f0;
border-radius:5px;
border:#CCC 1px solid;
}
.links{
margin:20px 0;
font-size: 0.75em;
text-align: center;
}Ich wär euch so dankbar, wenn ihr den Fehler finden könntet. Ich sitz hier schon seit 15 Uhr dran und find ihn einfach nicht...:(
LG Perfo