Javidhb
شنبه 30 شهریور 1392, 22:49 عصر
یکم تمیزش کردم!!!
فقط کدهای مربوط به javascript و css رو درست کردم(از نظر آدرس دهی!)
بدون هیچ مشکلی کار کردن...
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ghaleb.aspx.cs" Inherits="negin_kh.ir.ghaleb" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="menu/css/style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="slidShow/orbit.css"/>
</head>
<body style="background-image: url('ghaleb/backg.png'); background-repeat: repeat;">
<div id="bala" style="border-style: solid; border-color: #0000FF; height: 150px; background-color: #3399FF;" dir="rtl">
</div>
<div id="zireMenu" style="height: 60px; background-color: #292929;" dir="rtl">
</div>
<div id="container" style="margin: -80px auto auto auto; width: 900px;">
<ul id="nav">
<li ><a href="index.html">تماس با ما</a></li>
<li><a href="about.html">درباره ما</a></li>
<li><a href="#">گالری</a></li>
<li><a href="#">محصولات</a></li>
<li id="selected"><a href="#">خانه</a></li>
</ul>
</div>
<div id="slid" style="margin: 20px auto auto auto; border-style: solid; border-color: #FF3399; height: 250px;
width: 900px;" dir="rtl">
<div id="featured" style="margin: auto">
<img src="slidShow/orbit/prince_o.jpg" alt="Link" />
<a href="http://www.zurb.com/playground" target="_blank"><img src="slidShow/orbit/spiderma.jpg" alt="Ezio" rel="ezioCaption" /></a>
<img src="slidShow/orbit/batman_a.jpg" alt="Master Chief" />
<img src="slidShow/orbit/star_war.jpg" alt="Marcus Fenix" rel="marcusCaption" />
</div>
</div>
<div id="sitemap" style="margin: 3px auto auto auto; border-style: solid; border-color: #FF3399; height: 30px;
width: 900px;" dir="rtl">
</div>
<div id="mohtava" style="margin: 3px auto auto auto; width: 950px;" dir="rtl">
<div id="mataleb" style="border-style: solid; border-color: #3333CC; float: left; width: 600px; height: 50px;">
</div>
<div id="menuRast" style="border-style: solid; border-color: #00FF00; float: left; width: 300px; height: 50px;">
</div>
</div>
<div id="pain" style="border-style: solid; border-color: #6699FF; height: 50px;" dir="rtl">
</div>
<script src="menu/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="slidShow/jquery.orbit.min.js"></script>
<script type="text/javascript" src="menu/js/jquery.spasticNav.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#featured').orbit({
'bullets': true,
'timer': true,
'animation': 'horizontal-slide'
});
});
$('#nav').spasticNav();
</script>
</body>
</html>
* ترتیب اسکریپتهای جاوااسکریپت مهمه:(چون پایینی ها به بالایهاشون وابستن)
1. jquery
2. jquery ui
3. pluginها
4. اسکریپتهای خودتون
* بهتره اسکریپتهای جاوااسکریپت قبل از <body/> (نتهای فایل) قرار بگیرن.