「jQuery」fadeTo()で要素のフェード処理を行うサンプル
書式
$(selector).fadeTo(speed,opacity,callback);
サンプルコード
<script>$(document).ready(function(){ $("bu ...「jQuery」fadeToggle()で開閉式のメニューを実装する
書式
$(selector).fadeToggle(speed,callback);
サンプルコード
「jQuery」fadeIn()、fadeOut()でフェードイン、アウトを実現する
フェードイン
$(“button”).click(function(){
$(“#div1”).fadeIn();
$(“#div2”). ...
「React入門」インラインスタイル(Inline style)を指定するサンプル
サンプルコード
<div id="example"></div> <script type="text/babel"> var cftStyle = { fontSize: 100, colo ...「React入門」ReactDOM.renderの使い方
1.react-domモジュールをimportする
<script src=”/react.development.js”></script>
<script sr ...
「React入門」JSX のタグを書くメモ
1.単行のタグ
return <h3>test data</h3>;
2.複数行のタグ
return (
<div>
<h3>test dat ...
OpenLDAPでユーザーを追加する方法
1. パスワード生成
# slappasswd
New password:
Re-enter new password:
{SSHA}xxxxxxxxxxxxxxxxx
2.ldifファイル ...
「SpringMVC」@Path、@Producesでjsonを返すサンプル
サンプルコード
@GET @Path("list") @Produces(MediaType.APPLICATION_JSON) public List<String> list() { return Arrays. ...「CSS3入門」ボタンを作る方法(font-size、border-radius、disabled)
1.font-sizeでボタンのサイズを指定する
サンプルコード
.button1 {font-size: 10px;}
.button2 {font-size: 12px;}
.button3 {fo ...
「CSS入門」hsl()関数を利用するサンプル
説明
hsl(hue, saturation, lightness)
hue (色相) … 0~360
saturation (彩度) … 0~100%
lightness (輝度) … 0~100% ...
「CSS入門」rgb()で色を指定する方法
関数記法
rgb(red, green, blue)/* 整数値 */
rgb( 100%, 0%, 30% );/* 割合 */
サンプルコード
「CSS3入門」box-shadowを利用するサンプル
box-shadow
要素のフレームの周囲にシャドウ効果を追加する
サンプルコード
<style> div{width:120px;height:50px;background-color:yel ...[JavaScript]style.opacityで要素の透過率を変更する
方法
style.opacityを使用し透過率を変更する
サンプルコード
方法style.opacityを使用し透過率を変更するサンプルコードJSコード<script>function Chang ...「CSS3入門」要素の透過度(opacity)を指定する
書式
opacity: value|inherit;
IE向けの指定
filter:alpha(opacity=50)
Firefox向けの指定
filter:Alpha(o ...
「CSS3入門」border-imageを利用するサンプル
border-image
指定された要素の周りに画像を描く
指定可能のプロパティ
border-image-source, border-image-slice, border-image-width, b ...
「CSS3入門」border-radiusを使用して画像で角丸を表現する
border-radius プロパティ
要素の境界の外側の角を丸めます。
サンプルコード
<style> div{border:3px solid #a1a1a1;padding:5px 20px ...「CSS入門」attr()関数で属性値を取得するサンプル
書式
a:after {
content: ” (” attr(href) “)”;
}
サンプルコード
<style>a:afte ...「CSS入門」text-alignでテキストの水平方向を指定する
書式
1.中央揃え
h1 {text-align:center;}
2.右寄せ
p.date {text-align:right;}
3.両端揃え
p.main {text-align: ...