noroozifar
یک شنبه 16 تیر 1392, 11:49 صبح
جواب نداد ؟
کدهای css
#headpic {
margin:0px;
padding:0px;
border:none;
}
#headpic img {
width:1271px;
height:111px;
padding-left:2em;
flex-align:center;
}
/*make menu there*/
#menu {
background-color:#a6a817;
width:1271px;
height:35px;
margin-left:2em;
margin-right:2em;
list-style:none;
padding:0px;
}
#menu li {
float: right;
height: 28px;
width: 200px;
text-align: center;
line-height: 28px;
border:inset;
border-width:3px;
border-color:#9fa687;
border-radius:10px;
}
#menu li a {
text-decoration:none;
}
#menu li li {
background-color:#a6a817;
text-align:center;
display:none;
list-style:none;
padding:0px;
}
#menu li li:hover {
background-color:#f8e4c1;
}
#menu li li a {
text-decoration:none;
color:white;
}
کدهای HTML
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My Code</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="My_Code.js"></script>
<link rel="stylesheet" type="text/css" href="My_Style.css" />
</head>
<body>
<div id="headpic"><img src="Image/header.png" /></div>
<div style=" width:1271px;height:20px;margin-left:2em;text-align:center;color:red;line-height:28px;text-decoration:blink;"><marquee>در آن استفاده شده است Css ;JavaScript;JQueryاین یک سایت نمونه کار می باشد که از</marquee></div>
<div>
<ul id="menu">
<li><a href="http://www.w3schools.com" target="ifram_1">خانه</a></li>
<li><a href="">نقشه ها</a>
<ul>
<li><a href="">نقشه 1</a></li>
<li><a href="">نقشه 2</a></li>
<li><a href="">نقشه 2</a></li>
</ul>
</li>
<li><a href="">بازرسی</a>
<ul>
<li><a href="">ساختمان</a></li>
<li><a href="">گاز</a></li>
<li><a href="">آرموتور</a></li>
</ul>
</li>
<li><a href="">ارتباط با ما</a></li>
</ul>
</div>
<iframe name="ifram_1" style="margin-left:2em;margin-right:2em;width:1271px;height:400px;display:block; z-index:-1;"></iframe>
</body>
</html>
کدهای jquery
$(document).ready(function () {
$("li").hover(function () {
$(this).find('ul > li').stop().fadeToggle("300");
});
});