Blog

HOME > Web > JQuery > 【jQuery】simplyScroll要素を水平方向にスクロール

【jQuery】simplyScroll要素を水平方向にスクロール

2016/02/26

JQuery

simplyScrollを設置する機会がありましたので、備忘録として残します。

参考サイト
simplyScroll | 設置サンプル

simpleScrollをダウンロード

head内

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="/jquery.simplyscroll/jquery.simplyscroll.js"></script>
<link rel="stylesheet" type="text/css" href="/jquery.simplyscroll/jquery.simplyscroll.css" />

JS

<script>
$(function(){
    $("#horizontal_scroller_auto").simplyScroll({
        autoMode:'loop'
    });
});
</script>

HTML

<ul id="horizontal_scroller_auto">
    <li>要素要素要素</li>
    <li>要素要素要素</li>
    <li>要素要素要素</li>
    <li>要素要素要素</li>
</ul>

idは参考サイトと同じにしましたが、任意で大丈夫です。

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ