This simple jQuery plugin creates a turn off animation of an old TV in the current browser viewport. Its use is meant for situations when the user is logging out or is deleting the content currently on the screen etc. It will create the animation and load the url provided in the href attribute of the targeted element.
Feedback, bugs, questions? E-mail me, I'll respond quickly!
- Demo can be found on link.
<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.turn-off-tv.min.js"></script><link rel="stylesheet" href="turn-off-tv.css"><script>
$('#element').turnOffTV();
</script>Change id of the body wrapper (make sure to change the CSS as well)
default = body-wrap
Change id of the old tv element (make sure to change the CSS as well)
default = tv-box
Change color of the tv, css value in rgb or hex
default = #000