読者です 読者をやめる 読者になる 読者になる

pixyzehn blog

iPhone App, Mac App, Programming, Web service, Tool, Evernote, etc

はてなブログではjavascriptが自由に書ける

はてな

はてなブログではjavascriptが書けるようです。

実際に確かめてみる

<script type="text/javascript">document.write(location.href);</script>

と記事に書くと

ちゃんと動作していることがわかります

また別の方法でも検証してみます。

押してください

冗談はさておきここでjquery を導入したいと思います。

f:id:inagex:20130706005309p:plain

以上のことにより、javascriptが使えることが分かったのでこれからどんどん使っていこうと思います。

ちなみに最後のコードはこんな感じです。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    var img = $('#main-img');
    var speed = 3000;
    imgclear();
    setInterval(imgclear, 6000);
    function imgclear(){
        img.animate({opacity:'toggle'}, speed)
    }
});
</script>

<div id="main-img">
<p><span itemscope itemtype="http://schema.org/Photograph"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/i/inagex/20130706/20130706005309.png" alt="f:id:inagex:20130706005309p:plain" title="f:id:inagex:20130706005309p:plain" class="hatena-fotolife" itemprop="image"></span></p>
</div>