jQuery

【jQuery】垂直方向のニューススライダーvNews Slider

June 13, 2017
vnews

vNews Sliderは左側のヘッダーリンクのリストにし、右側のコンテンツを自動的にスクロールしたりできるプラグイン(カスタマイズ可能)

Installing vNews Slider

<html>
<head>
	...
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

    <link rel="stylesheet" href="css/jquery.vnews.css" />
    <link rel="stylesheet" href="css/jquery.vnews.theme.css" /> <!-- Optional -->
    <script src="jquery.vNews.js"></script>
	
    <script>
	$(document).ready( function() {
	    $("#myID").vNews({
		option1: value1,
		option2: value2
		};
	});
    </script>
</head>

<body>
...
<div id="myID">
    <h4 date="2017-06-15 12:30">Title One</h4>
    <div>Content One</div>
    <h4>Title Two</h4>
    <div>Content Two</div>
</div>
...
</body>
</html>

MIT