[JavaScript] グロー効果
[JavaScript] グロー効果 Permalink URL http://www.magicvox.net/archive/2007/01191253/ Posted by ぴろり Posted at 2007/01/19 12:53 Trackbacks 関連記事 (0) Post Comment コメントできます Category HTML 要素に周囲がぼやっと発光しているような視覚効果であるグロー効果(glow effect)を付与するための JavaScript を作ってみました。
![[JavaScript] グロー効果](https://cdn-ak-scissors.b.st-hatena.com/image/square/d056a18390254935f14e2a6f439ef32b781edcdf/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fwww.magicvox.net%2Farchive%2F2007%2F01191253%2Fcover.jpg)
Collection & Copy - 相対パスを絶対パスに変換する
JavaScriptIE 6、IE 7、Firefox 2.0、Opera 9で確認。 function absolutePath(path){ var e = document.createElement('span'); e.innerHTML = ''; return e.firstChild.href; } alert(absolutePath('/')); 関連リンクJavaScriptな日々 | 相対パスを絶対パスに変換する方法Imageを使っています。 getAttribute href bugBug Report: getAttribute(”HREF”) is always absolutegetAttribute("href",2)とか。既存のa要素のhrefは上記の方法で絶対パスになるけど、document.createElement('a').href='/'では、
Collection & Copy - 埋め込みスクリプト要素を追加し実行する
埋め込みスクリプト要素を追加し実行する JavaScript IE、組込みのスクリプト要素を追加実行できない 上記件、続報。 やっほーい、shogo4405さんに、コメントにて教えていただきました。 以下コード、IE 6、IE 7、Opera 9、Firefox 2の全てで動作します。 var s = document.createElement('script'); s.text='alert("HELLO!!")'; document.body.appendChild(s); textプロパティ...。 location.hrefにjavascript:を入れる方法を使って他ウィンドウでスクリプトを実行する以外に、これも使えるのかしらん。 関連リンク Install multiple versions of IE on your PC | TredoSoft 私は、これで7と6を共存さ
Lucky bag::blog: ピュア CSS なプレゼン用スライドショー
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
【レビュー】わずか3KB コードも1行でイカス! エフェクト - bytefx (1) bytefx (MYCOMジャーナル)
JavaScriptで開発され、クロスブラウザで動作するライトウェイトエフェクトライブラリに「bytefx」がある。Andrea Giammarchi氏によって開発されているライブラリで、動作があげられているWebブラウザはInternet Explorer、Safari、FireFox、Opera、Konquerorなど。 bytefxはMIT Style Licenseのもとで公開されているオープンソースソフトウェア。同エフェクトライブラリは執筆現在のバージョン(0.1f)において、通常配布で6.75KB、圧縮配布で2.72KBしかない。 もっとも、圧縮配布のほうは最低限の著作権表示のほかは、1文字に変換された変数名や詰められた空白スペースなどに変換されており、可読性は著しく低い。ライブラリを読むなら通常配布をダウンロードすべきだ。 同ライブラリにおいては実現されている主なエフェクトは
2006年8月の各ブラウザシェア、FirefoxとOperaとSafariが増加
InternetExplorerはまたしても減少しましたが、それでもまだ8割を維持しています。なんだかんだいいながらもやはり強い。 各ブラウザの詳細なパーセンテージは以下の通り。 Market share for browsers, operating systems and search engines 多い順に並べると以下のような感じに。 Internet Explorer：83.02％（7月は83.56％） Firefox：11.84％（7月は11.34％） Safari：3.21％（7月は3.18％） Netscape：0.87％（7月は0.91％） Opera：0.64％（7月は0.59％） 着実にFirefoxが増えているようですが、どこまで伸びるのでしょうかね、これ。個人的には老舗のOperaにがんばって欲しいところ。
最速インターフェース研究会 :: Flashを使ってIMEをオフにする
Flashのフォーム以外でもFlashを使って制御できるみたい。Opera以外動いた。 サンプル http://la.ma.la/misc/ime_off/ 元ネタ http://d.hatena.ne.jp/brazil/20060730/1154189478 同様のものはググればすぐに見つかるのですが、あくまでFlashのサンプルに過ぎず、使えない感じでした。 FlashProxyは「Flashに何かをやらせるためのツールキット」という感じではなく、 JavaScriptのオブジェクトにFlashのメソッドをくっつけられるといった印象。 特定の目的に特化しておらずシンプルで美しい。MTASCで作られてるのもいい感じです。 Good site ANIME FOI POR TR叩S DA SOMBRA DESSE [url=http://anime-foi-por-tr叩s-da-somb
GIGAZINE - マウスホイールの回転イベントをJavaScriptで検知する
実際の例としては「Google マップ」がまさにそうです。マウスのホイール部分を回転させると、地図を拡大縮小できます。 これと同じ仕組みを実装するにはどうすればいいの？というお話。 Mouse wheel programming in JavaScript http://adomas.org/javascript-mouse-wheel/ テストページはこちら、マウスホイールを回転させると表示が変わる http://adomas.org/javascript-mouse-wheel/test.html ほかにもこんなことができます。 JavaScript++かも日記: マウスホイールで拡大縮小 インフォシーク ホームページ作成「マウスホイールで画像を拡大縮小する方法」 せつないぶろぐ : JavaScriptによるマウスホイールのイベント処理 暴満館 >> OperaのJavaScript
最速インターフェース研究会 :: ニンテンドーDSブラウザを試してみた
livedoor Reader 無理でした。(ブラウザ古いって出る) このブログの検索 無理でした。 Google Suggest 無理でした。 ブックマークレット javascript:alert(XMLHttpRequest) 無反応でした。 ブックマークレット javascript:location.href="http://www.google.com/" 無反応でした。 about:opera 不正なアドレスです。 JavaScriptは動くけどXMLHttpRequestが使えません。Ajax対応とか言ってたのはどいつだ。 電源を切るとcookieが消えてしまうのでログインスクリプトでも組んでブックマークレットに入れておこうかと思ったのだけれど肝心のブックマークレットすら使えず。まあ騙されて買ったお前らははてなRSSでも使ってなさいってこった。 ニンテンドーDSブラウザー ニン
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
