Phiên bản đầy đủ: jsB@nk » Chữ » Chữ nằm trong ảnh
URL: https://www.javascriptbank.com/text-over-image-effect.html
Hiệu ứng tạo một dòng chữ nằm bên trong một ảnh.
Phiên bản đầy đủ: jsB@nk » Chữ » Chữ nằm trong ảnh
URL: https://www.javascriptbank.com/text-over-image-effect.html
<style type="text/css">.imgHolder { position:relative;}.imgText { position:absolute; left:0; top:0; width:100px;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script type="text/javascript">window.onload = function(){ var spans = document.getElementsByTagName('SPAN'); for (var i = 0; i < spans.length; ++i) { spans[i].onmouseover = setText; }}function setText(){ document.getElementById('txt1').innerHTML = this.innerHTML;}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div class="imgHolder"> <img src="../image/logojs.gif" width="100"> <div id="txt1" class="imgText">Lorem ipsum dolor sit amet,</div></div><div><span>Lorem ipsum dolor sit amet,</span><span> consectetaur adipisicing elit,</span><span> sed do eiusmod tempor incididunt</span><span> ut labore et dolore magna aliqua.</span></div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->