この記事では、JSカスタム水平スクロールフォントプラグインについて説明します。次のように、参照のために共有してください。
<script type = "text/javascript"> $（function（）{var setting = {content： "@@@@@@@ floating text ####"、overstop：true、width： "100px"、 "huangbiao"、//ディスプレイ後のコールバック関数：onaftershow：function（obj）{obj.widttint.widtting ""; Alert（dddd "）は、構成ファイルを変更しました。 /*原則説明：1。上部の親divは隠されたスクロールバー2です。2番目のレベルのdiv（上部親divの子div）の幅は8000％3です。上部Divスクロールバーは、上部Divのスクロールバーの距離以上です。上部Divのスクロールバーの距離を0 */ function fontmove（usersettingobj）{var this = this; //タイムスタンプをID値として使用しますvar timestamp = new date（）。getTime（）; this.setting = {//テキストコンテンツコンテンツのスクロール：「フローティングテキスト」、//スクロールバーの幅が幅が表示されます： "200px"、// 30ミリ秒ごとに速度：30、//マウスサスペンションが停止するかどうか、trueはtrue、false、false、default is overstop：true if as the id the id the id the objid：time est as posteそれは「」です、次に、デフォルトはボディタグターゲットIDの最後に配置されます： ""、onaftershow：function（）{}}; //ユーザーの構成ファイルを取得します。 //構成ファイルのパラメーターをチェックします。CheckParam= function（）{} //拡張プラグインthis.callback = function（myfun）{if（typeof myfun == "function"）{//これはコールバックを表します。 }} this.remove = function（）{$（ "＃"+that.set.objid）.remove（）; } this.init = function（）{//構成ファイルを取得するすべてのメソッドはそれを使用します。 style = "float：left;"> '+ thit.setting.content+' </div> '+' </div> '+'+ '</div>'+ '</div>'+ '</div>'+ '+'+ '</div>'+ '+'+ '</div>'+ '+' </div> '+' </div> '+' </div> '+'+ '+'+ '+ '</div>'+ '</div>'+ '</div>'; //コンテンツの場所が指定されているかどうかを判断します（ "" == that.setting.targetid）{$（ "body"）。append（domstr）; } else {$（ "＃"+that.setting.targetId）.html（domstr）; } // content container div var thediv = document.getElementById（that.setting.objid）; //左側の最初の子div var sondiv1 = document.getElementbyid（that.setting.objid + '_div1'）; //左の2番目の子div = document.getElementById（that.setting.objid + '_div2'）; this.marquee = function（）{//タイマーを使用して値を変更しますscrollbars // console.log（ "sondiv1.scrollleft：" + sondiv1.scrollleft）; // //sondiv2.offsetwidth値は固定されていますconsole.log（ "sondiv2.scrollleft：" + sondiv2.scrollleft）; //上部Div Scrollbarの距離が最初の子供divの水平距離よりも大きいかどうか、つまり、コンテンツの実際の距離よりも大きいかどうか（thatdiv.scrollleft -sondiv1.offsetwidth> = 0）{//スクロールバーの長さは、最初のdivが再びexpliv.sccrに表示されます。 thatdiv.scrollleft -sondiv1.offsetwidth; } else {thatdiv.scrollleft ++; }} var myvar = setinterval（that.marquee、that.set.speed）; //マウスは懸濁されています。モーションを停止するかどうか（that.setting.Overstop）{thatdiv.onmouseover = function（）{clearinterval（myvar）;} thatdiv.onmouseout = function（）{myvar = setinterval（marquee、30）;}} if that.setting.onaftershow.call（that、that）; }} //初期化を完了this.init（）; //メソッド自体を返し、これを構成できるすべてのパラメーターを取得できるようにします。 } </script>JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください：「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、「Javascriptエラー、および「Javascriptデータ構造」の概要」の概要の要約の要約をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。