ぴーあーる

プロフィール

カテゴリー

リンク

最近の記事

最近のコメント

最近のトラックバック

カレンダー

05 | 2017/06 | 07
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

過去のログ

Plug-in by
@激安・割安・おすすめ商品@

RSSフィード

Googleマップ+jQueryで作るAjaxなデザイン

http://ascii.jp/elem/000/000/421/421381/

 

003_o_.png


スポンサーサイト

jQueryを使ってメニューを装飾:LavaLamp menuを使ったメニュー

http://h2ham.seesaa.net/article/105116797.html

http://h2ham.seesaa.net/article/105166656.html

 

ここもちょっとしぶい!

http://retujyou.com/2009/01/07/サイトデザイン変更。千代紙とjqueryを使ったナビゲ/

 


3Dに画像を回転できるJS mooVRotatingMenu.js

http://www.css-lecture.com/template/2008/0612/

 

ここの説明はわかりやすい。

 

 

さっそく、作ってみました。

http://blog-imgs-30.fc2.com/b/u/b/bubble2sei/mooVRotatingMenu.htm



 


波紋の軌跡効果

http://www001.upp.so-net.ne.jp/oka/water/water.htm

 

<applet archive="AnWater.jar" code="AnWater.class"width="250" height="300">
<param name="credits" value="Applet by Fabio Ciucci (www.anfyteam.com)">
<param name="reglink" value="">; Optional URL link whenapplet is "clicked".
<param name="regnewframe" value="YES">; Reglink opened innew frame?
<param name="regframename" value="_blank">; Name of newframe for reglink
<param name="statusmsg" value="波紋 - Java Applet">;Statusbar message
<param name="image" value="water/suimon.jpg">; Image toload
<param name="res" value="1">; resolution (1 .. 8)
<param name="light" value="YES">; Light effects ("YES" or"NO")
<param name="minlight" value="0">; Lowest light (-255 ..255)
<param name="maxlight" value="100">; Highest light (-255 ..255)
<param name="autodesign" value="YES">; Auto design ("YES"or "NO")
<param name="density" value="4">; Density of fluid (2 ..6)
<param name="fishnum" value="0">; Number of fishes (0 ..2)
<param name="cross" value="NO">; Cross effect ("YES" or"NO")
<param name="crossfactor" value="30">; Factor of crosseffect
<param name="rainsize" value="0">; Size of circular rain (0= OFF)
<param name="rainfactor" value="10">; Circular rainfactor
<param name="srainsize" value="0">; Size of square rain (0= OFF)
<param name="srainfactor" value="10">; Square rainfactor
<param name="fixdrop" value="NO">; Fixed drops ("YES" or"NO")
<param name="fixdropX" value="0">; X coord of fixeddrops
<param name="fixdropY" value="0">; Y coord of fixeddrops
<param name="fixdropS" value="0">; Size of fixeddrops
<param name="fixdropF" value="0">; Factor of fixeddrops
<param name="pressure" value="300">; Rain pressure (1 ..2000)
<param name="fluidmode" value="water">; Fluidity ("water"or "oil")
<param name="interactive" value="YES">; Interaction ("ON".. "OFF")
<param name="overimg" value="NO">; Optional image overapplet
<param name="overimgX" value="0">; Over image Xoffset
<param name="overimgY" value="0">; Over image Yoffset
<param name="memdelay" value="1000">; Memory deallocationdelay
<param name="priority" value="3">; Task priority(1..10)
<param name="MinSYNC" value="10">; Min. milliseconds/framefor sync Sorry, your browser doesn't support Java.  ;Message for no java browsers.
</applet>


Scriptを使わないCSSエフェクト

http://www.designwalker.com/2008/04/pure-css.html

 

 


マウスオーバーしたときに、「ちょこっ」と動くやつ

http://metaboy.blog23.fc2.com/blog-entry-66.html

 

スタイルシートに以下の記述をすると、リンク文字がちょこっと動きます。

 

a:hover{
text-decoration: none;
position:relative;
top:1px;
left:1px;
}

 

このブログのスタイルシートも変えてみました。

 

 


フラッシュのエフェクト集 -Effects Code

http://coliss.com/articles/build-websites/operation/design/537.html

 

使い方は簡単なのですが、自分のサイトに置くと、どうしても開発元のロゴが出ます。

クリックすると、金払えみたいな・・・

 


マウスオーバーによる画像拡大

http://css-eblog.com/beginner/css-only-zoom.html

 

CSSだけで作るマウスオーバーによる画像拡大です。

 

 


マウスオーバーでリンク先サムネイル表示

http://www.kawa.net/works/js/tips/yui-tooltips.html

 

Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。

 

 


まるごとJavaScript&AjaxのScript.aculo.usサンプルインデックス

http://www.tatamilab.jp/rnd/archives/000376.html

 

実用性があって、わかりやすいサンプルです。

 


 BLOG TOP  »  NEXT PAGE