HTML

html knowhow

Newsticker der blinkt











Newsticker der blinkt

So sieht´s aus

  • Htmlknowhow möchte keine Lehrstunde
  • in html, css oder Java geben,
  • sondern ganz praktische Tipps,
  • wie Sie ihre Homepage optisch und
  • inhaltlich verbessern können.


Quellcode
<html> 
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" ></script>

<style type="text/css"> 
.newsticker {position:relative; background-color:blue; border-radius: 10%; font-family: open; width: 600px;}
#ticker li {list-style: none; color: yellow; font-size: 30px; height: 40px; text-align:left;}
#ticker {height: 40px; overflow: hidden;}
</style>
</head>

<body>
 <div class="newsticker">
<div id="news">
<ul id="ticker">
<li>Htmlknowhow möchte keine Lehrstunde</li>
<li>in html, css oder Java geben,</li>
<li>sondern ganz praktische Tipps,</li>
<li>wie Sie ihre Homepage optisch und</li>
<li>inhaltlich verbessern können.</li>
</ul>
</div>
</center>
<script>
function tick(){
$('#ticker li:first').animate({'opacity':0}, 200, function () { $(this).appendTo($('#ticker')).css('opacity', 1); });
}
setInterval(function(){ tick () }, 4000);
$(".underlinks").hide();
$(".menuitem").hover(function(){
$(this).children(".underlinks").slideToggle();
});
</script>
</body>

</html>










Kontakt    Datenschutz    Impressum