diff options
Diffstat (limited to 'frontend/imgrid/colors/test.html')
| -rwxr-xr-x | frontend/imgrid/colors/test.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/frontend/imgrid/colors/test.html b/frontend/imgrid/colors/test.html new file mode 100755 index 0000000..1912ebf --- /dev/null +++ b/frontend/imgrid/colors/test.html @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html> +<!--<link rel="stylesheet" href="css/normalize.css">--> +<head> + <style type='text/css'> + #master + { + width:400px; + font-size:0; + } + .slaves + { + width:100px; + background-color:gray; + height:40px; + display:inline-block; + } + </style> + + +</head> +<body> + +<div id='master'> + +<div class='slaves' style='background-color:pink'></div> +<div class='slaves' style='background-color:blue'></div> +<div class='slaves' style='background-color:dodgerblue'></div> +<div class='slaves' style='background-color:red'></div> + +<div class='slaves'></div> +<div class='slaves'></div> +<div class='slaves'></div> +<div class='slaves'></div> +<div class='slaves'></div> +<div class='slaves'></div> +<div class='slaves'></div> +<div class='slaves'></div> +</div> +<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> +<!--<script type='text/javascript' src='jquery.js'></script>--> +<script type='text/javascript'> +$('.slaves').mouseover(function() + { + $(this).css('width','120px') + $('#master').css('width','420') + }).mouseout(function() + { + $(this).css({'width':'100px'}) + $('#master').css('width','420') + + }); +</script> +</body> +</html> |