You scripting should be in the body of the document, right before the closing </body> tag. If it's loaded in the <head>, the elements it addresses in the document may not be loaded yet. See this jsfiddle (notice 'no wrap (body)' in the 'Choose framework' dialog).
By the way, a similar effect could be achieved using css only. Use this jsfiddle in a Chrome/webkit browser.
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
