ورود

View Full Version : مبتدی: چگونه یک متن معمولی را به یک لینک تبدیل کنیم؟


armintirand
پنج شنبه 18 آذر 1389, 14:20 عصر
سلام من تو سایتم یک متنی دارم که دوست دارم کاربر وقتی روی قسمتی از متن موس رو کلیک میکنه یک عکس پایینتر از متن نمایش پیدا کنه؟
مثلا این متن رو فرض کنید.
برای سفارش با ما تماس بگیرید.
کاربر وقتی موس رو روی تماس میبره کمی پایینتر یه عکس که حاوی اطلاعات تماسه نشون داده بشه.
من اون قسمت از متن رو با div id مشخص کردم تا بتونم با css این قالب رو بهش اضافه کنم.
اگه ممکنه راهنماییم کنید؟
در ضمن اگه ما به این شکل یه عکس رو در سایت بذاریم این عکس تا زمانی که روی متن کلیک نشده لود نمیشه؟ یا اینکه همراه صفحه لودمیشه و فقط نمایش داده نمیشه و وقتی روش کلیک کردیم لود میشه؟
ممنون
Keramatifar
پنج شنبه 18 آذر 1389, 16:23 عصر
میتونید برای اینکار از jquery (http://jquery.com)استفاده کنید
armintirand
پنج شنبه 18 آذر 1389, 18:15 عصر
دوست عزیز چون با jquery آشنایی ندارم میخوام با css پیاده سازش کنم در ضمن سوالم چند قسمت داشت؟
9px.ir
پنج شنبه 18 آذر 1389, 21:49 عصر
بهش میگن tooltip
در سایت dynamicdrive.com مثالهای زیادی برای tooltip میتونی پیدا کنی.
DES - Young
پنج شنبه 18 آذر 1389, 21:55 عصر
درود


کد HTML






<!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" xml:lang="en" lang="en">

<head>
</head>
<body>
<a href="#">Contact</a>
</body>
</html>



کد CSS





<style>
a {
text-decoration: none;
width:150px;
height:25px;
display:block;
background: url(http://up.iranblog.com/images/s1ewpigycza0j0tp4xm.gif) #FFCCFF;
text-align:center;
}
a:hover {
height:200px
}

</style>





اگه توضیحی لازم بود بگید
پیروز باشید...