.jfocus{width:300px;height:300px;border:#ccc 1px Solid;background -color:# FFF;}
コードをコピー
コードは次のとおりです:
function $(id){return document.getElementById(id);}
var n=0;
var Num=$("jfocusnum").getElementsByTagName("li"); 🎜>var imglist=$("jfocuspic").getElementsByTagName("a");
function setBg(value){//数値領域の切り替え、現在の要素にクラス「on」を追加、他の要素のクラスをクリア;
for(var i=0;i}
関数value )//画像領域変換
try//try...catch は、コード内のエラーをテストできます。 try セクションには実行する必要があるコードが含まれ、catch セクションにはエラーが発生したときに実行されるコードが含まれます。
{
with (jfocuspic)//IE にフィルター効果を追加します。
{
filters[0].Apply();//動的効果を開始する前に、それを装備する必要があります (適用) )、Apply イベントを使用してフィルター効果を生成します。
for(i=0;ifilters[0].play();//play() メソッドは動的エフェクトを再生するために使用されます。これより前に、フィルター スタイルは #jfocus_pic スタイル;
}
}
catch(e)
{
for(i=0;i{
i==value?imglist[i].style.display="block":imglist[i].style.display="none";// 現在の画像を表示、非表示他の写真;
}
}
}
function Mouse(n){
for(var i=0;i(function( n ){
Num[i].onmouseover=imglist[i].onmouseover=function(){clearInterval(autoStart);Mea(n);}//マウス通過後の自動切り替えを停止し、関数 Mea() Pass を与える現在のパラメータ n
Num[i].onmouseout=imglist[i].onmouseout=function(){setAuto();}
})(i);
}
}
function Mea(value){
n=value;
setBg(value);
}
function auto();パラメータ n の増分は、画像の自動回転の鍵となります。
if(n>Num.length-1)n=0; >function setAuto(){autoStart=setInterval("auto()", 2000)}//2000 ミリ秒ごとに auto() 関数が実行され、実行されるたびにパラメーター n が 1 ずつ増加します
setAuto ();// 関数呼び出し
デモコード:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
