ホームページ > ウェブフロントエンド > jsチュートリアル > javascript_javascript スキルを使用してフォーカス スクロール効果を実現する具体的な方法

javascript_javascript スキルを使用してフォーカス スクロール効果を実現する具体的な方法

WBOY
リリース: 2016-05-16 17:31:25
オリジナル
1383 人が閲覧しました

javascript_javascript スキルを使用してフォーカス スクロール効果を実現する具体的な方法

フロントエンドコード:

コードをコピー コードは次のとおりです:

 
                        
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

javascript代码:

复制代码代码如下:

//セレクター
function $a(id,tag){var re=(id&&typeof id!="string")?id:document.getElementById(id);if(!tag){ return re;}else{return re.getElementsByTagName(tag);}}

//クリックしてフォーカス スクロール チャートを移動
function movec()
{
var o=$a( " bd1lfimg","");
var oli=$a("bd1lfimg","dl");
var oliw=oli[0].offsetWidth; //各移動の幅
var ow =o.offsetWidth-2;
var dnow=0; // 現在の位置
var olf=oliw-(ow-oliw 10)/2;
o["scrollLeft"]=olf (dnow) * oliw);
var rqbd=$a("bd1lfsj","ul")[0];
var extime