QuestionAsk Questions?
View Answers
July 30, 2009 at 5:39 PM
Hi Friend,
We are providing you a code that will set text over an image using javascript:
<html>
<style type="text/css">
.imgHolder {
position:relative;
}
.imgText {
position:absolute;
left:0; top:0;
width:100px;
}
</style>
<script type="text/javascript">
window.onload = function(){
var span = document.getElementsByTagName('SPAN');
for (var i = 0; i < span.length; ++i) {
span[i].onmouseover = setText;
}
}
function setText(){
document.getElementById('txt1').innerHTML = this.innerHTML;
}
</script>
<div class="imgHolder">
<img src="barbie.jpg" width="100">
<div id="txt1" class="imgText">Hello Friend</div>
</div>
<div>
<span>I am Barbie</span>
</div>
</html>
Thanks
We are providing you a code that will set text over an image using javascript:
<html>
<style type="text/css">
.imgHolder {
position:relative;
}
.imgText {
position:absolute;
left:0; top:0;
width:100px;
}
</style>
<script type="text/javascript">
window.onload = function(){
var span = document.getElementsByTagName('SPAN');
for (var i = 0; i < span.length; ++i) {
span[i].onmouseover = setText;
}
}
function setText(){
document.getElementById('txt1').innerHTML = this.innerHTML;
}
</script>
<div class="imgHolder">
<img src="barbie.jpg" width="100">
<div id="txt1" class="imgText">Hello Friend</div>
</div>
<div>
<span>I am Barbie</span>
</div>
</html>
Thanks
Related Pages:
- DHTML Tutorial
- Checking if a file or directory exist
- How to get New Gmail Inbox?
- What is License Terms for using your code
- Difference between equals() and == ?
- Assignment operator in java
- Hibernate Video Tutorial
- Conditional operator in java
- jQuery Tutorial For Beginners
- Show pdf's in web browser by using jsp?
