便利eelife Java Script

   戻る

背景色をグラデーションします。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY id="myOBJ" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#000000, endColorstr=#ffffff)">
<FORM name="myFORM">背景グラデーション:<BR>
<SELECT name="list">
<OPTION value="#00ff00" selected>Lime</OPTION>
<OPTION value="#ff0000">Red</OPTION>
<OPTION value="#0000ff">Blue</OPTION>
<OPTION value="#000000">Black</OPTION>
<OPTION value="#808080">Gray</OPTION>
<OPTION value="#C0C0C0">Silver</OPTION>
<OPTION value="#ffffff">White</OPTION>
<OPTION value="#800000">Maroon</OPTION>
<OPTION value="#008000">Green</OPTION>
<OPTION value="#000080">Navy</OPTION>
<OPTION value="#800080">Purple</OPTION>
<OPTION value="#808000">Plive</OPTION>
<OPTION value="#008080">Teal</OPTION>
<OPTION value="#ffff00">Yellow</OPTION>
<OPTION value="#ff00ff">Fuchsia</OPTION>
<OPTION value="#00ffff">Aqua</OPTION>
</SELECT><INPUT onclick="chgsrtclr()" type="button" value="最初の色">
<INPUT onclick="chgendclr()" type="button" value="最後の色">
<INPUT onclick="kaisi()" type="button" value="開始">
</FORM>
</BODY>


<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
srtclr ="#000000";
endclr ="#ffffff";

function chgsrtclr(){
bgclr = document.myFORM.list.selectedIndex;
srtclr = document.myFORM.list.options[bgclr].value;
}
function chgendclr(){
bgclr = document.myFORM.list.selectedIndex;
endclr = document.myFORM.list.options[bgclr].value;
}
function kaisi(){
myOBJ.filters[0].StartColorStr = srtclr;
myOBJ.filters[0].EndColorStr = endclr;

}

// -->
</SCRIPT>
コメント
myOBJ.filters[0].StartColorStr : 背景グラデーションの最初の色
myOBJ.filters[0].EndColorStr : 背景グラデーションの最後の色