Tag : jQuery

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" />