js图片加文字

❶ js 可以动态处理图片为其加文字吗

js本身不能处理图片
只是在图片上层可以加入一个dom节点，填入文字
需要用css控制
position: relative|absolute

❷ js点击图片在文本框内显示文字

亲，改一下js代码，改成这样就可以了

<scripttype="text/javascript">
tb=document.getElementById('textbox');
spans=document.getElementsByTagName("span");
for(vari=0;i<spans.length;i++)
{
spans[i].index=i;
spans[i].onclick=function()
{
alert(spans[this.index-1].innerHTML);
}
}
</script>

❸ 怎么在js控制的背景图片里添加文字

将 id="bg" 这个 div 的 style（样式）中的 position（位置）设置为 relative（相对），
然后在里面加一个 div 写文字，将它的 position 设置为 absolute（绝对），调整 top 和 left 来改变它的显示位置。

把 div 替换为下面这样

<div id="bg" style="position: relative;">
<div id="text" style="position: absolute; top: 100px; left: 200px;"><p>添加文字</p></div>
<img src="图片地址自己换上" alt="HIGH">
</div>

❹ js在图片上插入文字的代码

添加一个标签，
然后把这个标题定位到图片的上方就可以了。
不需要用js。

❺ 在JS中怎么往图片上添加文字

文字用css绝对定位就可以了

❻ 怎样用js判断不同的域名放不同的图片和文字

JS获取域名的方法：window.location.host或者document.domain，
再根据获取的域名判断要显示的内容，分别给对应容器添加图片和文字就可以了

❼ js图片和文字同时切换的效果

<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgTitle=new Array();
var adNum=0;
var it=1;

<% for i=1 to 3%>
imgUrl[<%=i%>]="./dhdd/adm/upfile/photo/<%=rs("mshowimage")%>";
imgLink[<%=i%>]="#";
imgTitle[<%=i%>]="<%=rs("文字说明字段名称")%>";
<% rs.movenext
next%>

var imgPre=new Array();
var jj=0;
for (i=1;i<=3;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
jj++;
} else {
break;
}
}
function playTran(){
if (document.all){
document.imgInit.filters[0].play();
}
}
function nextAd(){
if(adNum<jj)adNum++ ;
else adNum=1;

if (document.all){
document.imgInit.filters[0].Transition=26;
document.imgInit.filters[0].apply();
}
document.images.imgInit.src=imgUrl[adNum];
document.images.imgInit.title=imgTitle[adNum];
playTran();
theTimer=setTimeout("nextAd()", 3000);
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>
<a href="javascript:goUrl()" target="_self"><img style="FILTER: progid:DXImageTransform.Microsoft.RevealTrans (ration=1,transition=3);border-color:#000000;color:#000000;margin-bottom:0px" src="javascript:nextAd()" width="210" height="150" border="0" name=imgInit>

❽ js如何给多个图片添加hover文字

const imgList = document.getElementsByClassName('content')[0].getElementsByTagName('img')
for(let i=0;i<imgList.length;i+=1){
$(imgList[i]).hover(function(){
$(imgList[i]).css("background-color","yellow")
},function(){
$(imgList[i]).css("background-color","transparent")
})
}
混着用的 js的写法复杂一点 所以引入了jq写的