如何将动态文本悬停在图像中 [英] how to hover the dynamic text in an image

查看:58
本文介绍了如何将动态文本悬停在图像中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

Aspx。



i有一些问题,问题是动态绑定的,在那个问题后我有一个图像,我想在其中显示相同的问题图片悬停。

代码:



装订代码:



Aspx.

i have some set of question,that questions are dynamically binded,after that question i have one image,i want to show the same question in that image hover.
code:

Binding code :

for (i = 0; i < numberofR; i++) {
hr += '<table><tbody><tr><td class="col1" style="display: none;">' + horizontalR[i].QuestionID + '</td><td style="display: none;">' + horizontalR[i].IsCritical + '</td><td class="helptext" style="display: none;">' + horizontalR[i].Questions + '</td><td class="col1">' + horizontalR[i].Questions + '<img src="../Resources/ScoreCard/images/notification_normal.png" style="margin-left:5px;cursor:pointer" class="openToolTip"/></td><td><span class="yesNoBtn selectedYesClick"><img src="../Resources/ScoreCard/images/yes_normal.png" style="margin-right:5px"/>YES</span><span class="yesNoBtn selectedNoClick"><img src="../Resources/ScoreCard/images/no_normal.png" style="margin-right:5px"/>NO</span></td><td><input type="text" style="width:95%;border:1px solid #CCC;padding:6.5px 5px"/></td></tr></tbody></table>'
		                      
		                    }





Hover



当前这个在悬停中显示





Hover

Currenty this one showing in hover

<div class="toolTipPopUpWrapper">
				<div class="arrowDiv"></div>
				<div class="toolTipPopUpContiner">
					
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies odio vel nibh mollis, non imperdiet putus selerisque. Vestibulum maximus ante sapien.</p>
				</div>
			</div>

推荐答案

你可以尝试这种方式..


you can try this way ..


(。css)。live(hover,function(){


(".css").live("hover",function () {


(。toolTipPopUpWrapper)。show();



});
(".toolTipPopUpWrapper").show();

});


这篇关于如何将动态文本悬停在图像中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆