alismith
جمعه 30 اردیبهشت 1390, 18:38 عصر
سلام
این یه نمونه هستش خودتون تغییر بدید :
<!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>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery","1.5");</script>
<script language="javascript">
$(document).ready(function(){
$("li.sm").hover(function(){
$(this).find("ul").slideToggle("slow");
},function(){
$(this).find("ul").slideToggle("slow");
});
});
</script>
</head>
<body>
<div dir="rtl" style="width: 65px; position: relative; float: right;">
<ul dir="rtl" style="width: 65px;">
<li>گزینه 1</li>
<li class="sm">گزینه 2 >
<ul dir="rtl" style="display: none; width: 50px; float: left; position: absolute; margin-right: 37px; top: 37px;">
<li>گزینه 1</li>
<li>گزینه 2</li>
<li>گزینه 3</li>
</ul>
</li>
<li>گزینه 3</li>
</ul>
</div>
</body>
</html>
موفق باشید