jQuery

【jQuery】ニュースティッカープラグインNews Ticker

June 16, 2017

News TickerはjQueryを使用したニュースティッカープラグイン。

HTML

  <link rel="stylesheet" type="text/css" href="newsticker.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
	<script src="newsticker.js"></script>
</head>
<body>
    <div class="ticker">
        <ul id="news">
            <li>The <b>first</b> piece of news. The <b>first</b> piece of news. The <b>first</b> piece of news. The <b>first</b> piece of news.</li>
            <li>The <b>second</b> piece of news. The <b>second</b> piece of news. The <b>second</b> piece of news. The <b>second</b> piece of news.</li>
            <li>The <b>third</b> piece of news. The <b>third</b> piece of news. The <b>third</b> piece of news. The <b>third</b> piece of news.</li>
            <li>The <b>fourth</b> piece of news. The <b>fourth</b> piece of news. The <b>fourth</b> piece of news. The <b>fourth</b> piece of news.</li>
            <li>The <b>fifth</b> piece of news. The <b>fifth</b> piece of news. The <b>fifth</b> piece of news. The <b>fifth</b> piece of news.</li>
        </ul>
    </div>
</body>

Download