ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript の動的スケーリングのフェードアウトとフェードイン_JavaScript スキル
Javascript の動的スケーリングのフェードアウトとフェードイン_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 18:55:38905ブラウズ
//間隔変数
var inl = [];
//元の透明度
var opa = 100; //ブラウザを決定
var ie = navigator.appName == "Microsoft Internet Explorer " ? "Microsoft Internet Explorer" : "";
//ボタンを減らして開きます
function gogo() {
speed = 50;
var mode;
//正方形の表示を使用して、縮小するか拡大するかを決定
if(!$('tmp').style.display) {
mode = "-"
//表示が正常であれば、縮小する間隔を設定します。 🎜> inl['suotu'] = setInterval("suodi('-')", 10);
}else {
mode = " "
// 表示が無い場合は、最初に表示を通常に戻してから、拡大する間隔を設定します
$('tmp').style.display = "";
inl['suotu'] = setInterval("suodi(' ')", 10 );
}
clearInterval(inl['dcdr']);
inl['dcdr'] = setInterval("dcdr('" モード "')",
}
//フェードアウトとフェードイン
function dcdr(op) {
//透明度を取得
opa = define(op, opa, 4, 0, 100);
//透明度を更新
ie ? $('tmp' ).style.filter = "alpha(opacity=" opa ")" : $('tmp').style.opacity = opa / 100; //透明度が0 以下、または 100 以上
if (opa = 100) {
//停止間隔
clearInterval(inl['dcdr'] );
}
}
関数定義(id , a, b, a2, a3) {
if(id == "-") {
a -= b; >if(a a = a2;
}
}else {
a = b;
if(a >= a3) = a3;
}
}
return a;
}
//縮小または拡大
function suodi(opt) {
//速度が 1 より大きい場合、 s で除算を続けます。そうでない場合は 1 に等しくなります。
speed = Speed > 1 ? Speed * 0.862 : 1; tmp').clientHeight,speed,speed,300);
//高さと幅を設定します
$('tmp').style.height = hw "px"; ).style.width = hw "px";
//ブロックの高さが速度より小さい場合
if ($('tmp').clientHeight / /ボックスを隠す
$('tmp').style.display = "none";
//ボタン名が「開く」に変更されました
$('anniu').value = "開く"; 🎜>//間隔を閉じる
clearInterval(inl['suotu']);
}else if($('tmp' ).clientWidth >= 300) {
//ボタン名が " に変更されましたReduce"
$('anniu').value = "Reduce";
//間隔を閉じる
clearInterval(inl ['suotu']);
}
}
/ /getElementById を $
var $ = function($) {
return document.getElementById($)
}
//間隔変数
var inl = []; //元の透明度
var opa = 100;
//ブラウザを決定します
var ie = navigator.appName == "Microsoft Internet Explorer" : "";縮小して開くボタン
function gogo() {
speed = 50
var mode;// ブロックの表示を使用して、縮小するか拡大するかを決定します。 (!$('tmp').style.display) {
間隔を狭く設定します
inl['suotu'] = setInterval("suodi('-')",
}else; {
まず、ディスプレイを通常の状態に戻します。次に、拡大する間隔を設定します
$('tmp').style.display = ""
inl['suotu'] = setInterval("suodi( ' ')", 10) ;
}
clearInterval(inl['dcdr']);
inl['dcdr'] = setInterval("dcdr('" モード "')", 10) ;
}
//フェードアウトとフェードイン
function dcdr(op) {
//透明度を取得
opa = define(op, opa, 4, 0, 100); 🎜>
//透明度を更新
つまり? $('tmp').style.filter = "alpha(opacity=" opa ")" : $('tmp').style.opacity = opa / 100 ;
//透明度が 0 以下、または 100 以上の場合
if(opa = 100) {
//間隔を停止
clearInterval(inl['dcdr']);
}
}
関数定義(id, a, b, a2, a3) {
if(id == "-") {
a -= b;
if(a <= a2) {
a = a2;
}
a = b; {
a = A 3;
//縮小または拡大
function suodi(opt) {
//速度が 1 より大きい場合は s で割り続け、そうでない場合は 1 に等しい
speed = Speed > 1 ? 速度 * 0.862 : 1;
//高さを取得します
var hw = define(opt, $('tmp').clientHeight, 速度, 速度,
//設定高さと幅
$ ('tmp').style.height = hw "px";
$('tmp').style.width = hw
//高さの場合ブロックは速度未満です
if( $('tmp').clientHeight <= 速度) {
//ボックスを非表示にします
$('tmp').style.display = "none" ;
//ボタン名を「Open」に変更
$('anniu').value = "Open";
// 間隔を閉じる
clearInterval(inl['suotu']); 🎜>}else if($('tmp') .clientWidth & GT; = 300) {
// ボタン名は "reduced" に変更されます
$ ('anniu') Value = "shrink";
// 間隔を閉じます
Clearinterval 'suotu']);
}
}
// getElementById を $
var $ = function($) {
return document.getElementById($);
}