Premesso che la "sfumatura" utilizza istruzioni proprietarie (e quindi si rende in modo diverso in vari browser), quello che chiedi e` fattibile per i <div>, noncredo per i frame.
Cioe` se hai una pagina con vari <div>, puoi tramite JS e CSS sostituire un <div> con un altro (o piu` di uno).
Non entro nel merito della sfumatura (non ho mai approfondito), ma per la sostituzione:
codice:
<script type="text/javascript">
var indice = 0;
var indmax = 2; // deve essere uguale all'indice massimo dei vari corpoX
function cambia(dir) {
document.getElementById('corpo'+indice).style.display = 'none';
indice += dir;
if(indice<0) indice=0;
else if(indice>indmax) indice=indmax;
document.getElementById('corpo'+indice).style.display = 'block';
}
</script>
<div id="testa"> ...</div>
<div id="corpo0" style="display:block;">qui il primo blocco</div>
<div id="corpo1" style="display:none;">qui il secondo blocco</div>
<div id="corpo2" style="display:none;">qui il terzo blocco</div>
...
<div id="fondo">
...
<button value="indietro" onclick="cambia(-1);">
<button value="avanti" onclick="cambia(+1);">
</div>