Java Scriptを使った簡単なアコーディオン taka_oj | 2015年10月14日 | コメントはまだありません | JavaScript タイトル Java Scriptを使ったアコーディオン表示です。 PAGEをクリックしてください。 もっと読む »
JavaScriptを使って 写真を半透明、表示、非表示 taka_oj | 2015年10月14日 | コメントはまだありません | JavaScript JavaScriptを使って 写真を半透明、表示、非表示させます。半透明の割合は好みで変更可能です。 もっと読む »
JQueryで自動スライド taka_oj | 2015年10月14日 | コメントはまだありません | JavaScript JQueryで自動スライドできるJavaScriptです。 3秒間放置で写真がスライドします。 ボタンをクリックすることでスライドさせることも可能です。 もっと読む »
マウスオーバーするとツールプチップ秒速表示 taka_oj | 2015年10月13日 | コメントはまだありません | JavaScript 文章上でマウスオーバーすると右側からツールチップが瞬間移動してきて表示されます。 もっと読む »
SVG要素(タグ)の記述について(その4) taka_oj | 2015年10月13日 | コメントはまだありません | JavaScript、SVG ◎SVG要素(タグ)の記述について(その4) 代表的な「ぼかし効果」「ドロップシャドー」「グラデーション」についてまとめて見ました。 SVG要素(タグ)で使用出来るフィルターの一覧は、下記の通りとなります。 もっと読む »
SVG要素(タグ)の記述について(その3) taka_oj | 2015年10月13日 | コメントはまだありません | JavaScript、SVG ◎SVG要素(タグ)の記述について(その3) テキスト(textタグ)の記述についてまとめて見ました。 内容は下記の通りとなります。 もっと読む »
SVG要素(タグ)の記述について(その2) taka_oj | 2015年10月13日 | コメントはまだありません | JavaScript、SVG ◎SVG要素(タグ)の記述について(その2) パス(pathタグ)の属性の「d」記述についてまとめて見ました。「d」の値には、以下の命令があります。 命令の後の数値がパラメータとなります。 もっと読む »
jQueryで画像をズームさせるプラグイン「Zoom」 taka_oj | 2015年10月8日 | コメントはまだありません | JavaScript マウスオーバーした時に画像を拡大させて見せることができるプラグインです。 ウェブカタログ等でよく使われている便利な機能で、プラグインをダウンロードし簡単に実装できます。 今回使用したのは、jQueryプラグインZoomで […] もっと読む »
JavaScriptでHTML5のSVGのCircle上に多角形Polygonを描画する taka_oj | 2015年10月8日 | コメントはまだありません | JavaScript、SVG 今回は、HTML5 SVG のcircle上に等間隔で点描した際の座標を 配列に格納し、すべての点をつないでpolygonとして描画しています。 座標計算や配列への格納、文字列への追加など、基本的な部分もあまり省略せずに […] もっと読む »
JavaScriptで HTML5 SVG のcircle上に等間隔で点描をする taka_oj | 2015年10月8日 | 1件のコメント | JavaScript、SVG 今回は、JavaScriptでSVGElementの生成に加え、削除もしてみました。svgタグ以下の子ノードを、for文をつかってすべてを削除しています。 点描する座標を求めるための基本的な計算式もわかりやすく(冗長に) […] もっと読む »