Home > スポンサー広告 > User JavaScriptの練習 - 要素のスタイルを変更

スポンサーサイト

スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments:-

Comment Form

Trackback+Pingback:-

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/61-9cdaf7fa
Listed below are links to weblogs that reference
スポンサーサイト from Karafuto Blog

Home > スポンサー広告 > User JavaScriptの練習 - 要素のスタイルを変更

Home > user javascript > User JavaScriptの練習 - 要素のスタイルを変更

User JavaScriptの練習 - 要素のスタイルを変更

user javascript

マウスを乗せた要素のアウトラインを表示する

// ==UserScript==
// @include *
// @exclude
// ==/UserScript==

document.addEventListener('load', function() {
    var elements = document.getElementsByTagName('*');
    for (var i = 0; i < elements.length; i++) { 
         elements[i].addEventListener('mouseover', outline, false);
         elements[i].addEventListener('mouseout', deloutline, false);
    }
    
    function outline(e){
        e.target.style.outline='solid medium yellow';
    }
    function deloutline(e){
        e.target.style.outline='none';
    }
    
}, false);

アウトラインの設定

e.target.style.outline='solid medium yellow';

マウスアウトした時は元のスタイルを考えずすべてのアウトラインを消してしまう。

参考にしたサイト

4.14.?Getting an element's style [Dive Into Greasemonkey]

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/61-9cdaf7fa
Listed below are links to weblogs that reference
User JavaScriptの練習 - 要素のスタイルを変更 from Karafuto Blog

Home > user javascript > User JavaScriptの練習 - 要素のスタイルを変更

おまかせリンク(R)
全記事表示リンク
Search
Meta
Feeds

Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。