マウスオーバーで動くページ送り「jPaginate」
当ページのリンクには広告が含まれています。
スポンサーリンク
マウスオーバーで動くページ送りjQueryプラグイン「jPaginate」を紹介します。
jQueryプラグイン「jPaginate」
「jPaginate」は、マウスオーバーで動くページ送りを実現してくれるjQueryプラグインです。
スポンサーリンク
デモのページ番号の両サイドにある矢印にマウスオーバーすると、ページ番号が動きます！
デモのソース（HTML + jQuery）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>jPaginate - jQueryプラグインまとめのコピペ</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="jquery.paginate.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#demo1").paginate({
count : 50,
start : 5,
display : 10,
border : false,
text_color : '#888',
background_color : '#EEE',
text_hover_color : 'black',
background_hover_color : '#CFCFCF'
});
});
</script>
</head>
<body>
<h1>jPaginateのデモでーす。</h1>
<p>ページ番号の両サイドにある矢印にマウスオーバーしてみると……</p>
<div class="demo">
<div id="demo1">
</div>
</div>
</body>
</html>
オプションで表示される表示するページの数、色・スタイルなどが変更できます。詳細はこちらからどうぞ。
» jPaginate
スポンサーリンク