jQuery

【jQuery】点滅エミュレートするクリスマスライトテキストXmas Lights

December 2, 2016
x'mas lights

Xmas LightsはjQueryとCSSで点滅エミュレートするクリスマスライトテキスト。

JS&CSS

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
		<script type="text/javascript" src="xmas-lights.js"></script>
		<style type="text/css">
			body {
				background-color: #ccc;
			}
			#demo_title {
				font-family: arial;
				font-size: 72px;
			}
		</style>
		<div id="demo_title">did somebody say, blinking lights?</div>
		<script type="text/javascript">
			var myVar = setInterval( function() { blink_lights("#demo_title") }, 1200);
		</script>