JQuery (6件)

困った困った。。。

Crayon Syntax Highlighterを最新バージョン(2.4.0)にアップしたらjqueryのcolorbox(1.3.19)に不具合が出た。。。

sample_default_eyecatch

以前からHTMLやJavaScriptなどで調べ毎をしている際に、ソースコードに行番号をつけて見やすくしているサイトはどうしているんだろうと気になってた。

先日ブログをWordPressに移行した際、自分のソースコードを同じようにしてみようとやり方を探ってみたら、なんだプラグインがあるんじゃんって。

ボタン画像なんかでよく使われるロールオーバーでのスワップイメージ。その初歩として単純にロールオーバーした要素をアニメーションでフェードさせてみた。

ロールオーバーはhover()を使用して、ついでにちょっとフェードさせてみるためanimate()も使用。

ブロック要素を画面の中央に配置する際、左右はCSSの「margin-left:auto;」と「margin-right:auto;」で容易に指定できるけれど、縦の場合「auto」では反映されないので他の方法を探して2つの方法を見つけることができた。

一つ目はCSSで行う方法。

二つ目は「jquery.center.js」というプラグインを使う方法。

ただ、どちらも状況によって一部のエリアが表示されなくなってしまう場合があるので、もう少し何とかできないかと別案を考えてみた。

いつも行き当たりばったりで、まじめに勉強していないことから思いっきり勘違いしてて、JQueryで書いたコードって全部読み込んでから実行されるものと思い込んでいた。

というか人に聞いたときにそう言っていたから。。。

ただ間違いではないというか、全部という意味をはき違えてた。

ページを読み込む時のちょっとした演出として、任意の要素を順番にフェードさせながら表示させてみる。

110625.gif

CALENDAR
2019年6月
« 9月    
 1
2345678
9101112131415
16171819202122
23242526272829
30  
ARCHIVE
サイト内検索

since july 24, 2010