logoMemo クラウド環境でのメモ帳

Script Category

.change { color:green; cursor:pointer; } #large, #small { cursor:pointer; } .stylechange { font-size:15px; } .box { display:inl… 続きを読む

PHP Authorize

〔例〕ユーザ名test パスワード1234 ユーザ名: パスワード: <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" enctype="application/x-www-fo… 続きを読む

天気予報

var up = new Object();up["gid"]="ppwj_9f834682-be40-4612-8925-b5b909b768cb";up["width"]=360;up["height"]=560;up["fontSize"]=12;up["lcolor"]… 続きを読む

マウスオーバ画像拡大

同じ画像を拡大表示 $(function(){ $('.enlarge img').hover( function(){ $(this).stop().animate({ 'width':'800px', 'height':'450px', 'marginTop':'0px… 続きを読む

Feedburner

関東大震災以降運営を停止しているブログを見直していたらFeedburnerスクリプトがあり、いまも有効であることに気付いた。同じスクリプトを「飛耳長目」に貼り付けて動作を確認した。もう3年くらいチェックしていないのでスクリプトの作り方を忘れた。試しにMemoを登録した。下記のUR… 続きを読む

Flowplayer

Simple Player width:640 /assets/css/flowplayer.min.css /assets/js/flowplayer.min… 続きを読む

Scripts

「青春ぶらり旅」作成時(2012-10)に書いた記事Scriptsをここに転記する。スクリプト/CSS設定が未完である。 写真の拡大表示やスライドショー、動画の再生などに関するスクリプトはたくさんあり、この数年で大きく変化している。各種ブラウザやOSへの互換対応だけでなく、かつて… 続きを読む

Assets

ドメイン共通のスクリプトとスタイルを整理して/assets/に保存した。ローカルDドライブ及びウェブのルートドライブにassetsフォルダを置くことにより、すべての階層のフォルダにあるHTMLファイルから/assets/内のファイルを参照できる。ただしローカルの場合はChrome… 続きを読む

jQuerytabs

jQuery1.0.3(2006年版)のプラグインtabs.jsの使用例。Bootstrap-tabsと同じ機能だがタブのスタイルに画像を使っている。過去に使ってきたオリジナル/script/jquerytabs.jsにはjQuery1.1.3.1を含む。ここで使っているスクリプ… 続きを読む

Bootstrap-Tabs

bootstrap-tab.jsの使用例。2006年版のjQuerytabsと同じ機能だが、スタイルはBootstrapを使っている。 Home … 続きを読む

Banner Cycle

/assets/js/cycle.jsを使ってスライドショーを表示できる。jQuery1.2.6以降のプラグインになっている。bootstrap.jsにはない別個のスクリプトで、オリジナルはM. Alsupが開発したVersion: 2.88 (08-JUN-2010)である。 … 続きを読む

Lightbox後継スクリプト

自分のWebサイトに最初に導入した写真スクリプトのひとつがlightboxだった。文中に埋め込んだ縮小画像をクリックすると同じ画面上で拡大写真が表示される。そん なWebサイトを見て自分でも同じようなことをしたいと思い、ソースを読み見よう見まねで試行した。意図し… 続きを読む

Carousel

$('.carousel').carousel({ interval: 2000}) 右下のアイコンをクリックすると次の写真が表示される。マウスを写真の外に置くと、5秒間隔で右から左へスクロール表示する。マウスを重ねると停止する。制御ボタン、キャプションのスタイルはCSSで変更で… 続きを読む

Fancybox

Windows/Android/Mac/iPad/iPhoneで使えるjQueryプラグイン。 <link rel="stylesheet" href="/assets/fancybox/blog.css" /> <script type="text/javas… 続きを読む

Mediabox

写真と動画の両方をポップアップ表示できる。Lightbox, Slimbox, Mootools javascript libraryをもとにJohn Einselenが作成したMediaboxAdvanced1.3.4を改変した。Mootool最新バージョンは1.3.2だが、こ… 続きを読む

JQuery Slide

.rotator a img { width:400px; height:225px; } #slideshow { position: relative; width: 400px; margin: 0px; } #controls { z-index: 1000; pos… 続きを読む