سلام:
من يه بار تو يه سايتي يه منويي ديدم كه هر چقدر كه صفحه رو اسكرول ميكردي اون منو هم قل ميخورد و ميومد پايين. مناسفانه نميدونم هم كجا ديدم و گرنه لينك ميدادم. كسي تا به حال ديده و ميدونه چه جوريه؟
<body topmargin="25" marginheight="25">
<!-- this script got from IRWEBDES SCRIPT-->
<!-- Web Site: http://www.irwebdes.com-->
<!-- 'Scrolling Fix' Mehrdad Kouhi [email][email protected][/email] -->
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>IRWEBDES</title>
</head>
<!-- Notes: Netscape 6 will not scroll when this script is used as a js file? -->
<!-- 3 steps to follow -->
<!-- 1:Put this stylesheet in to the head of your page.
This sets the colour for the links in the drop down
menus. Does not effect other links! -->
<p>
<style type="text/css">
<!--
a.x:link, a.x:visited, a.x:active{color:#ffffff;text-decoration:none}
//-->
</style>
<!-- 2: Use this as your body tag. Add your own bgcolor, link(standard), text colours etc.
Alter the margins accordingly. -->
<!-- 3: Paste the script as last thing in body of your page. -->
<script language="javascript">
<!-- Simple NavBar 2 - http://website.lineone.net/~kurt.grigg/javascript
//!!!Edit the appearance here!!!
MenuWidth=170; //Individual menu width.
MenuFont='tahoma';
MenuFontSize=1; //1 to 7 only, 2 probably big enough.
MenuFontColor='#ffffff';
MenuBgColor='#5b7693';
HighLight='#b4c3d4';
Separater=2; //Space around menus.
Centre=true; //true or false.
//!!!Alter nothing here, go straight to "Links"!!!
n4=(document.layers);
n6=(document.getElementById&&!document.all);
ie=(document.all);
h=(ie)?document.body.clientHeight:window.innerHeight;
w=(ie)?document.body.clientWidth:window.innerWidth;
Titles=new Array()
Links=new Array()
algn1=(Centre)?'<center>':'';
algn2=(Centre)?'</center>':'';
function colour2(c){(n4)?c.bgColor=HighLight:c.style.background=HighLight}//
function colour1(c){(n4)?c.bgColor=MenuBgColor:c.style.background=MenuBgColor}//
var OpenLayer=(n4)?"<br><layer height=100% width=100% onMouseOver='colour1(this)'; onMouseOut='colour2(this)'>"+algn1:"<div style='height:auto;width:100%' onMouseOver='colour1(this)'; onMouseOut='colour2(this)'><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">";
var CloseLayer=(n4)?algn2+"</layer>":"</font></div>";
var vs=(n4)?"<font face='Wingdings' color="+MenuBgColor+">n</font>":OpenLayer+"&nbsp;"+CloseLayer+"<font color="+MenuBgColor+">"+String.fromCharCode(9660)+"</font>";
/*************************************Links here****************************************
First off, alter the Titles to whatever. Add/delete as needed, make sure they're
numbered in order.
Now fill the Links with your er..links, as many as needed. Here's how.
Example:
+OpenLayer+"<a href='http://www.google.com' class='x'>Search with Google</a>"+CloseLayer
If you need to have quots etc in the link text make sure you escape them with a backslash.
Example:
...class='x'> What\'s new </a>"+C...
***************************************************************************************/
Titles[0]="سايتهاي آموزشي";
Titles[1]="آخبار ايران و جهان";
Titles[2]="سايتهاي سرگرمي";
Titles[3]="موضوعات ديگر";
Links[0]=vs
+OpenLayer+"<a href='http://www.MajidOnline.com' class='x'>مجيد آنلاين</a>"+CloseLayer
+OpenLayer+"<a href='http://www.Vahidonline.com')' class='x'>وحيد آنلاين</a>"+CloseLayer
+OpenLayer+"<a href='http://www.vmjonline.com')' class='x'>VMJOnline</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>ايران جاوااسكريپت</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
Links[1]=vs
+OpenLayer+"<a href='http://www.bbcpersian.com' class='x'>BBC فارسي</a>"+CloseLayer
+OpenLayer+"<a href='http://www.taktaz.com' class='x'>تك تاز</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>بازتاب</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>اخبار ايران</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>پيك ايران</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
Links[2]=vs
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>بدهي</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>روزي</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>فان ايران</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>حكمت</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>بوسه</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>اين روزها</a>"+CloseLayer
Links[3]=vs
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
+OpenLayer+"<a href='javascript:void(\"\")' class='x'>Your links</a>"+CloseLayer
//!!!Alter anything past this point!!!
w1=(MenuWidth+Separater)*Titles.length;
w2=w/2;
i1=w2-MenuWidth-Separater-w1/2;
i2=w2-MenuWidth-Separater-w1/2;
s1=MenuWidth+Separater;
s2=MenuWidth+Separater;
if (w1 > w2*2){i1=-MenuWidth;i2=-MenuWidth}
vy=(n4)?'show':'visible';
vn=(n4)?'hide':'hidden';
//Don't mess about with N4, just use layers.
if (n4){
for (i=0; i < Titles.length; i++){
document.write("<layer name='lnks"+i+"' top=0 left="+(i2+=s2)+" "
+" width="+MenuWidth+" bgcolor="+HighLight+" visibility=hide"
+" onMouseOver='this.visibility=vy; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)' "
+" onMouseOut='this.visibility=vn; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)'>"
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+">"
+"&nbsp;<br>"+Links[i]+"</font>"+algn2+"</layer>");
document.write("<layer name='ttls"+i+"' top=0 left="+(i1+=s1)+" height=0 "
+"width="+MenuWidth+" bgcolor="+MenuBgColor+" "
+"onMouseOver=\"this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)\" "
+"onMouseOut=\"this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)\">"
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+Titles[i]+"</font>"+algn2+"</layer>");
}
function On(x){for (i=0; i < Titles.length; i++)document.layers['lnks'+x].visibility=vy}
function Off(x){for (i=0; i < Titles.length; i++)document.layers['lnks'+x].visibility=vn}
function B(y){for (i=0; i < Titles.length; i++)document.layers['ttls'+y].bgColor=MenuBgColor}
function H(y){for (i=0; i < Titles.length; i++)document.layers['ttls'+y].bgColor=HighLight}
}
if (!n4){
for (i=0; i < Titles.length; i++){
document.write("<div id='lnks"+i+"' style='position:absolute;"
+"top:0px;left:"+(i2+=s2)+"px;width:"+MenuWidth+"px;"
+"background:"+HighLight+";visibility:hidden'"
+" onMouseOver='this.style.visibility=vy; document.getElementById(\"ttls"+i+"\").style.background=HighLight';"
+" onMouseOut='this.style.visibility=vn; document.getElementById(\"ttls"+i+"\").style.background=MenuBgColor'>"
+algn1+Links[i]+algn2+"</div>");
document.write("<div id='ttls"+i+"' style='position:absolute;top:0px;left:"+(i1+=s1)+"px;height:auto;width:"+MenuWidth+"px;"
+"background:"+MenuBgColor+";cursor:default'"
+" onMouseOver='document.getElementById(\"lnks"+i+"\").style.visibility=vy;this.style.background=HighLight'"
+" onMouseOut='document.getElementById(\"lnks"+i+"\").style.visibility=vn;this.style.background=MenuBgColor'>"
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"+Titles[i]+"</font>"+algn2+"</div>");
}
}
function Scroll(){
sy=(ie)?document.body.scrollTop:window.pageYOffset;
for (i=0; i < Titles.length; i++){
if (n4){
document.layers['ttls'+i].top=Separater+sy;
document.layers['lnks'+i].top=Separater+sy;
}
else{
document.getElementById("ttls"+i).style.top=Separater+sy;
document.getElementById("lnks"+i).style.top=Separater+sy;
}
}
setTimeout('Scroll()',150)
}
Scroll();
window.onresize=new Function(" ()");
if (!n4){
for (i=0; i < document.links.length; i++){
if (document.links[i].href == this.window.location.href)
{
document.links[i].style.color=MenuBgColor;
document.links[i].style.cursor='crosshair';
//document.links[i].innerHTML+=' -';
//alert(i+' '+document.links[i].href);
break;
}
}
}
//-->
</script>
اين قل خوردن ها رو منم ديدم ولي اصلا كار درست و حرفه اي نيست چون علاوه براينكه اون همه كد سرعت داونلود صفحه رو پايين ميآره بيشتر شبيه يه كار بچگانه است.
اين كار موجب مي شه بيننده حق انتخاب ديدن يا نديدن چيزي رو شما نوشتيد رو نداشته باشه و خودتون هم اينو خواهيد ديد.
من متوجه منظور شما نشدم ولي اتفاقا فكر ميكنم خيلي هم مفيده. چون user تو صفحات طولاني مجبور نيست براي استفاده ار navigation bar هي به بالاي صفحه مراجعه كنه. گمون ميكنم شما منظور منو اشتباه گرفتيد.
آقا برنامه هاي مانند dothink منوي جالبي ميدن اما ...
و با حرف اين دوستمون كه اين كد صفحه رو فلان ميكنه و ... كاملا مخالفم
حالا خود دانيد
وظيفه ي من كمك كردن در حد دانش خودم است
آقا من سعي كردم بهترين نوع منو با بهترين اسكريپت رو در اختيارتون بزارم اتفاقا بعضي جاهاشم خودم عوض كردم و لينك سايتها رو گزاشتم كه بيشتر متوجه بشيد
شما اول اين رو در يك صفحه قرار بديد به اميد خدا خودتان متوجه خواهيد شد
موفق باشيد
در قسمت titles[0] , titles[1] , titles... به ترتيب نام دسته بندي لينكها را بنويسيد و سپس در قسمتهاي Links[0]=vs و 1 و 2 و... به ترتيب نام دسته بنديها آدرسها و نامهاي لينكهايتان را كه ميخواهيد در منو مذكور نمايش داده شوند ذكر نماييد.
اميدوارم منظورم رو خوب رسونده باشم.
