نمایش متن هنگام قرار گیری موس روی عکس

M

mghhgm

Member
با سلام به همه.آیا کد کم حجمی وجود داره تا وقتی کاربر روی یک متن قرار گرفت خود به خود یک کادر کنار موس بیاد و اطلاعاتی رو به کاربر بده؟

مثلا مثل این آدرس:https://modern.enbank.net/webbank/resources/jsp/ib.jsp?UserN=ijop[ip

این آدرس قسمت ورود مشتریان بانک اقتصاد نوین هست که وقتی موس روی علامت سوال داخل صفحه قرار بگیره ، متنی نمایش داده میشه.
حالا کدی وجود داره تا وقتی موس روی یک متن یا عکس قرار گرفت ، پیامی مثل همین مثال دیده بشه؟
:-?
ممنون
لطفا پاسخ رو برام ایمیل کنید
[email protected]
 
E-Boy

E-Boy

کاربر فعال انجمن طراحی وب سایت
سلام دوست عزیز .
خسته نباشید .
به اینا میگن Tool Tip که معمولا با جاوا اسکریپت و جی کوئری درست میشن .
توی گوگل سرچ کنید .
تا دلتون بخواد پیدا میشه .
موفق باشید .
 
MJmoonwalk

MJmoonwalk

Member
کد: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">
.tooltip
{
	border:1px #006699 solid;
	padding: 5px 5px 5px 5px;
	background-color:#CCFF00;
	color:#000033;
	position:absolute;
}
</style>
<script language="javascript" type="text/javascript">
var tt = null;
function ToolTip(obj, msg)
{
	if(tt)
	{
		clearTimeout(tt);
		tt = null;
	}
	var el = document.getElementById('tooltip');
	el.innerHTML = msg;
	el.style.left = obj.offsetLeft + 30 + 'px';
	el.style.top = obj.offsetTop + 10 + 'px';
	el.style.display = '';
}

function HideToolTip()
{
	tt = setTimeout("hideit()",800);
}

function hideit()
{
	document.getElementById('tooltip').style.display = 'none';
}
</script>
<body>
<div id="tooltip" class="tooltip" style="display:none"></div>
The King Of Pop (<strong><a href="#" onmouseover="ToolTip(this,'Michael Jackson is the king pop<br>Rest In Peace...')" onmouseout="HideToolTip()">?</a></strong>)
<br />
<br />
Some Text (<strong><a href="#" onmouseover="ToolTip(this,'Spme text here<br>Test toolip')" onmouseout="HideToolTip()">?</a></strong>)
</body>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا