Tag : jQuery
December 27, 2009 0:55 AM
jquery.dropshadow.js
jQueryでドロップシャドウ
jQueryでドロップシャドウをつけれるJavascript。
かなり簡単に使えるけど、結果はまぁまぁ。
画像、テキスト等何でも適用可能らしい。
<script type='text/javascript' src='/js/jquery.js'></script>
<script type='text/javascript' src='/js/jquery.dropshadow.js'></script>
<script type='text/javascript' src='/js/jquery.dimensions.js'></script>
<script type="text/javascript">
function init(){
jQuery( ".shadow" ).dropShadow({
left: 1, //左からの距離
top: 1, //上からの距離
opacity: 0.5, //透明度
blur: 3, //ぼかし
color; 'black' //色
});
}
$( document ).ready( init );
</script>
・
・
・
<div class="shadow">
hogehoge
</div>
<p class="shadow">hogehoge</p>
<img src="/images/hoge.jpg" class="shadow" />