PDA

View Full Version : سوال: کسی کد نمایش توضیحات با آوردن موس روی عکس را داره



babacpiran
یک شنبه 19 دی 1389, 15:17 عصر
کسی کد نمایش توضیحات با آوردن موس روی عکس را داره (http://forum.persiantools.com/t181008.html)

rookie_php
یک شنبه 19 دی 1389, 15:50 عصر
ساده ترین راهش خصوصیت alt اما با js میشه چیز قشنگتری ساخت

babacpiran
یک شنبه 19 دی 1389, 17:50 عصر
من یه کد دارم ولی کارنمی کنه
<html>
<head>
<title>fgfff</title>
<style type="text/css">
.Menu {
position: absolute;
width: 80%;
border: 1px white;
background-color: white;
layer-background-color: white;
top: 100px;
left : 10%;
line-height : 25px;
font-family : Arial;
visibility: hidden;
}
.Mo {
position: absolute;
text-decoration : none;
border: 0px white;
background-color: white;
layer-background-color: white;
top: 100px;
left: 10%;
width: 80%;
font-family : Arial;
visibility: hidden;
}
.hide {
visibility: hidden;
font-family : Arial;
}
</style>
<script>
var mo_lastMenu;
var lastMenu = "null";
if (document.layers) {
visible = 'show'; hidden = 'hide';
}
else if (document.all) {
visible = 'visible'; hidden = 'hidden';
}

function toggle(menu) {
if (document.layers) {
Menu = document.layers[menu];
}
else if (document.all) {
Menu = document.all(menu).style;
}
if (Menu.visibility == visible) {
Menu.visibility = hidden;
}
else {
clean(lastMenu);
Menu.visibility = visible;
}
lastMenu = Menu;
}

function clean(Menu){
if (Menu == "null"){
return;
}
if (Menu.visibility == visible) {
Menu.visibility = hidden;
}
}

function mo_toggle(menu) {
if (document.layers) {
Menu = document.layers[menu];
}
else if (document.all) {
Menu = document.all(menu).style;
}
if (Menu.visibility == visible) {
Menu.visibility = hidden;
}
else {
Menu.visibility = visible;
}
mo_lastMenu = Menu;
}


</script>
</head>
<body bgcolor="White">
<center>
<a href="view_profile.php?member_id=<?php print($new_set["member_id"]) ; ?>" onclick="toggle('clickWeb');return false;" onmouseout="javascript:mo_toggle('mo_web');return false;" onmouseover="javascript:mo_toggle('mo_web');return false;" >
<b><font size="+1" color="purple" face="Arial"><td width="10">
<p align="center">
<a class='bold_black' href="view_profile.php?member_id=<?php print($new_set["member_id"]) ; ?>" id="coolNewPersonURLa1" >
<?php echo $image ; ?>
<br>
<a href="view_profile.php?member_id=<?php print($new_set["member_id"]) ; ?>">
<?php echo($name) ; ?>
</a>
<br></a></b></font>
</center>
<div id="mo_web" class="Mo">
<font size="+2" color="green" face="Arial"><center>
نام:<?php echo($name) ; ?>
<div id="clickWeb" class="Menu">
<font size="+2" color="red" face="Arial"><center>
Clicking the link presents these results.
</font></center>
</div>
<br>
</body>
</html>
<!-- End of MouseOver Text Appear JavaScript -->

ravand
یک شنبه 19 دی 1389, 17:53 عصر
این مبحث مربوط به html است . و شما می تونی از title برای این کار استفاده کنی و alt هم برای موقعه است که بنا به دلایلی عکس شما دیده نمیشه اون موقع به جای عکس متنی رو که در قسمت alt وارد کردید ظاهر میشه.

<img src="aks.gif" title="aks" alt="عکس">
البته از alt هم می تونی به جای title استفاده کنی.

$ M 3 H R D A D $
یک شنبه 19 دی 1389, 19:28 عصر
http://flowplayer.org/tools/tooltip/index.html
http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/

رضا قربانی
سه شنبه 21 دی 1389, 00:06 صبح
دوستان اگه کسی هم نیاز داره بگیره

براتون با جی کوئری نوشتم ( خیلی ساده )

برید حال کنید و مارو هم دعا کنید

همه جا بدردتون می خوره:چشمک: