早教吧作业答案频道 -->其他-->
如何用JS输出图片img的title<divclass="box"id="box"><ahref="#"class="pic1"><imgsrc="1.j
题目详情
如何用JS输出图片img的title
<div class="box" id="box"> <a href="#" class="pic1"><img src="1.jpg" title="这是图片title的值"></a> <a href="#" class="pic2"><img src="2.jpg" title="这是图片title的值2"></a> <a href="#" class="pic3"><img src="3.jpg" title="这是图片title的值3"></a> <a href="#" class="pic4"><img src="4.jpg" title="这是图片title的值4"></a></div><div class="box2" id="box2"></div> 如何通过JS实现鼠标经过图片1.jpg 2.jpg 3.jpg 4.jpg的时候动态的提取这些图片的title指到box2中
<div class="box" id="box"> <a href="#" class="pic1"><img src="1.jpg" title="这是图片title的值"></a> <a href="#" class="pic2"><img src="2.jpg" title="这是图片title的值2"></a> <a href="#" class="pic3"><img src="3.jpg" title="这是图片title的值3"></a> <a href="#" class="pic4"><img src="4.jpg" title="这是图片title的值4"></a></div><div class="box2" id="box2"></div> 如何通过JS实现鼠标经过图片1.jpg 2.jpg 3.jpg 4.jpg的时候动态的提取这些图片的title指到box2中
▼优质解答
答案和解析
<HEAD>
<TITLE>如何通过JS实现鼠标经过图片1.gif 2.gif 3.gif 4.gif的时候动态的提取这些图片的title指到box2中 </TITLE>
<style type="text/css">
.on{padding15px 10px; font-weightbold;colorred;}
.off{padding0px 0px; font-weightthin;colorblack;}
</style>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script>
jQuery(function($) {
$('#box img').each(function(){
$(this).bind('mouseenter mouseleave',function(){
var t = '|'+this.title+'|';
if($("#box2").text().indexOf(t)==-1)
{
$("#box2").text($("#box2").text()+t);
}
});
});
});
</script>
</HEAD>
<BODY>
<div class="box" id="box">
<a href="#" class="pic1">
<img src="mouse_drag\images\b.gif" title="1" />
</a>
<a href="#" class="pic2">
<img src="mouse_drag\images\b.gif" title="2" />
</a>
<a href="#" class="pic3">
<img src="mouse_drag\images\p.gif" title="3" />
</a>
<a href="#" class="pic4">
<img src="mouse_drag\images\g.gif" title="4" />
</a>
</div>
<div class="box2" id="box2"></div>
</BODY>
看了 如何用JS输出图片img的t...的网友还看了以下:
A.子祀(sì)尻(kāo)曲偻(lòu)句赘(gōu)B.沴(lì)浸假(qìn)鸮炙(xiāo 2020-05-16 …
A.t[1]=u[1]∧t[12]=w[2]∧t[13]=v[4]B.t[1]=v[l]∧t[2]= 2020-05-26 …
将字母组成单词,并译成汉语1.m,e,r,m,u,s,汉语2.u,l,t,e,c,u,r,汉语3. 2020-06-04 …
物理中的定义式我们老师说定义式的左右两边无关,就像E=F/Q不能说E与F成正比,与Q成反比,E只与 2020-06-14 …
(1)I=U/R(2)W=I²RT(3)W=U²T/R(4)W=UIT(5)W=PT(6)P=UI 2020-07-18 …
物理问题我们学过电热器的电阻丝的电阻越大产热越多可是根据焦耳定律Q=I*I*R*t得到Q=[U*U* 2020-11-03 …
一根金属棒在0度时的长度是q米,温度每升高1度c,它就伸出P米.当温庋归t庋c时,金属棒的长度L可用 2020-11-03 …
一根金属棒在0°C时的长度是q米,温度每升高1°C,它就伸长p米.当温度为t°C时,金属棒的长度L可 2020-11-03 …
拼读音节。f&f*f(f)j-+→j*t&t*t(t)q-[→q(d1d2d3d4x-→x&p9p0 2020-12-04 …
下列划线字注音完全正确的一项()A.脑髓(suì)花圃(bǔ)骊(lí)歌倜傥(tìtǎnɡ)B.沮 2021-01-01 …