jQuery/段差見出し

var textbox = document.querySelector("h1");
var text = textbox.textContent;
textbox.innerHTML = null;
text.split('').forEach(function (c) {
  textbox.innerHTML += 'span>' + c + '/span>';
});

$("h1 span:odd").css({
	"position": "relative",
	"top": "-5px"
});