Библиотека Javascript SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Блок текста выделен тенью снизу и справа</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
<script>
var depth = 6 // in pixels
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }  }}
addLoadEvent(function() {
var a = document.all ? document.all : document.getElementsByTagName('*');
for (var i = 0;i < a.length;i++) {
 	if (a[i].className == "shadow") {
  		for (x = 0;x < depth;x++) {
var newSd = document.createElement("DIV")
newSd.className = "shadow2"
newSd.style.background = a[i].id
newSd.style.width = a[i].offsetWidth + "px"
newSd.style.height = a[i].offsetHeight + "px"
newSd.style.left = a[i].offsetLeft + x + "px"
newSd.style.top = a[i].offsetTop + x + "px"
document.body.appendChild(newSd)

}  		} 	}});
</script>
<style>
.shadow {  border: 1px solid FFFFFF;  padding: 2px;  font: 10pt arial;  position: relative;  display: inline;  background: white;  z-index: 100}
.shadow2 {  overflow: hidden;  position: absolute;  filter: alpha(Opacity=15); /* modify to change the shade solidity/opacity, same as below */
  opacity: 0.1; /* firefox 1.5 opacity */  -moz-opacity: 0.2; /* mozilla opacity */  -khtml-opacity: 0.1; /* opacity */  z-index: 10}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<span class="shadow" id="green">это просто текст это просто текст это просто текст это просто текст<br>
это просто текст это просто текст это просто текст это просто текст</span><br><br>
</body>  
</html>