Ich habe eine einfache HTML-Seite.
Ich benutze typed.js, die ein Jquery-Plugin ist, um den Text einzugeben.
Das Problem ist keiner der Text, die in P-Tags sind stilisiert, wenn sie ausgegeben werden.
Auch der Text in den p-Tags wird nacheinander ausgedruckt.
Ich möchte es auf einmal abgetippt werden.
Nicht sicher, wie Sie diese Probleme beheben können.p Styling wird nicht angezeigt. Abgetippt
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<style type="text/css" media="all">
center {
position: relative;
margin-top: 10%;
line-height: 20px;
}
p {
/*font-family: Monaco, monospace; */
font-family: 'Lucida Console', monospace;
font-size: 1.2em;
color:#00FF00;
}
</style>
<title>Personal Website</title>
</head>
<body bgcolor="">
<center>
<div id="typed-strings">
<p>Some text </p>
<p>This is some more text.</p>
<p>No more text after this.</p>
</div>
<span id="typed"></span>
</center>
<script src="jquery.js"></script>
<script src="typed.js" type="text/javascript"></script>
<script>
$(function(){
$("#typed").typed({
stringsElement: $('#typed-strings'),
typeSpeed: 0,
});
});
</script>
</body>
</html>
Nach dem Hinzufügen von p, # eingegeben, es funktioniert. Vielen Dank. Ich muss noch herausfinden, wie man den ganzen Text auf einmal ohne Überschreiben eintippt. –
Meinst du sowas? Http://jsfiddle.net/8CbL2/26/ oder http://jsfiddle.net/8CbL2/27/ – dev
Beide sind gute Antworten. Vielen Dank. –