ホームページ制作 Webデザイン ブログデザイン Web構築 Android linux PHP パソコン情報 ブログ 掲示板
メッセージをMarquee風に表示する[Marquee風jQuery]
newstickerの見た目とまた違います。
newsticker[1]
newsticker[2]上にスクロール
newsticker[3]左へスクロール
newsticker[4]左へスクロール
Downloadは下の方Marquee jQuery Plug-in(Download)
jquery.marquee.zipファイルになっていますので、解凍しlibフォルダ内にあります。
1.左へスクロール
$(document).ready(function (){
$("#marquee1").marquee();
});
【css】
2.左へスクロール
$(document).ready(function (){
$("#marquee2").marquee({yScroll: "bottom"});
});
【css】
yScroll: 初期位置"top" or "bottom"
showSpeed: 810 ドロップダウンの速度
scrollSpeed: 12 スクロールの速さ
pauseSpeed: 5000 次のメッセージに進むかスクロールに移るまでの時間
pauseOnHover: true マウスオーバーで停止するかどうか
loop: -1 繰り返し回数
fxEasingShow: "swing" ドロップダウンのときのイージング
fxEasingScroll: "linear" スクロールのときのイージング
cssShowing: "marquee-showing" 表示されている要素に設定するクラス名
init: null 初期化後のコールバック
beforeshow: null ドロップダウン前のコールバック
show: null ドロップダウン後のコールバック
aftershow: null スクロール後のコールバック
3.左へスクロール
【js】
4.上へスクロール
【js】
【css】
- メッセージをMarquee風に切替表示するjQueryプラグインです
- ホームページ制作,Webデザイン,ブログデザイン,Web構築,HTML5,css3,Android,linux,PHP,パソコン情報,ブログ,掲示板,seo
- ホームページ制作・Webデザインや構築、jQueryやPhotoshopなど、Web制作に関連する情報ブログです。