Text Decoration Blink support (擬似 CSS blink 表示化)
2005/07/14 (Ver 0.5.6)
夢の "blink" もどきを表示する コンポーネントです。(多くを語りません...。)
使用例
このページは、HTCビヘイビア (JavaScript)を使用して SPANタグ内部を 点滅(ブリンク)させます。
span要素へ クラス指定- この文字列は、点滅します。
img要素へ クラス指定
<img>要素へは、ビヘイビアを適用できません。
ダウンロード・ソースコード
- ビヘイビア ダウンロード → blink.htc 1.32KB UTF-8N [LF]
<public:component lightWeight="true" xmlns:public="http://www.w3.org/TR/NOTE-HTMLComponents">
<public:attach event="ondocumentready" handler="inIt" />
<script type="text/javascript">
/*
Text Decoration Blink Behavior for Internet Explorer 5+
(C)2004 Hiro Konda
Version: 0.5.5
Created : 2004/02/14
Last Modified: 2004/02/17
*/
var DenyTags = new Array(
'APPLET','AREA','BASE','BASEFONT','BDO','BGSOUND','BODY','BR','BUTTON',
'COL','COLGROUP','DL','EMBED','FIELDSET','FORM','FRAME','FRAMESET',
'HEAD','HR','HTML','IFRAME','IMG','INPUT','ISINDEX',
'FRAME','STYLE','LINK','MAP','MENU','META','NOFRAMES',
'OBJECT','OL','OPTGROUP','OPTION','PARAM','SCRIPT','SELECT','STYLE',
'TABLE','TBODY','TEXTAREA','TFOOT','THEAD','TITLE','TR','UL','WBR','XMP'
);
function inIt(){
var blnOK = true;
var e = element;
var isTag = e.tagName;
if(isTag != 'SPAN'){
for(var i = 0; i < DenyTags.length; i++){
if(isTag == DenyTags[i]){ blnOK = false; break;}
}
}
if(blnOK == true){
e.innerHTML = '<span>'+e.innerHTML+'<\/span>';
blinkTime();
}
}
function blinkTime(){
var axs = 1;
try {
var es = element.firstChild.style;
} catch (e) { axs = 0;}
if (axs) {
es.visibility = (es.visibility == "visible") ? "hidden" : "visible";
window.setTimeout(blinkTime, 500);
}
}
</script>
</public:component>
設置方法
要素やクラスに指定して、下記の様にHTML(ページ)のhead部にstyle埋め込みするか、別途スタイルシートへ記述します。
<style type="text/css">
.blink { text-decoration: blink; behavior: url(./blink.htc)}
</style>
注意事項 及び、既知の問題
- この HTC (Behavior)ファイルは、内部でtimer処理による点滅処理を行っているので大量に blinkもどきを適用させると動作が重くなる場合が有ります。
- 正規な text-decoration 適用エレメントとは、一致しません。
所謂、内部要素を全検索して文字(textNode)のみを逐一点滅させるような処理は行っていません - HTC (Behavior)ファイル使用の共通注意点を読まれていない方は、お読みください。 (別ページ)
更新履歴
- Ver 0.5.6 [2005/07/14]
- 強制的にビヘイビアを無効化した際のエラー処理の追加
- Ver 0.5.5 [2004/02/17]
- 適用除外要素の簡易処理、初期要素(firstChild)追加簡易処理を追加した。
- Ver 0.5.0 [2004/02/14]
- 初公開