Проблем с меню

R

R3sp3k7

Registered
имам проблем с това меню http://web-tourist.net/login/login/view.php?st=2502 ето ви и картинка
2fa0f4b577dd8c29.JPG
защо става така аз сам начинаещ и не разбирам много :( )немога да намера начин да го оправя дано имя накой който да ми помогне който помогне +1 :?: [/list]
 
Код: 
<ul>
<li><a href = "link1.php">Линк 1</a></li>
<li><a href = "link2.php">Линк 2</a></li>
<li><a href = "link3.php">Линк 3</a></li>
<li><a href = "link4.php">Линк 4</a></li>
</ul>
 
Код: 
 <ul class="nav" >
<li><a href="index.html" class="scrollover" type="scrollover">Начало</a></li>
<li><a href="news.html" class="scrollover" type="scrollover">Новости</a></li>
<li><a href="polezno.html" class="scrollover" type="scrollover">Полезни неща</a></li>
<li><a href="http://respectforum.freeforums.org/" class="scrollover" type="scrollover">Форум</a></li>
</ul>
това е кода така е написано в урока да се направи :roll:
ПП:С твоя код нестава :?
 
Какаво точно искаш да постигнеш, нали това което си дал на screen-а(ограденото в червено)? Опиши по-подробно какво искаш.
 
това се получава аз искам да постигна ефекта който е даден на урока който менюто е хоризонтално с син цвят абе влез в този линк тук има демо http://wtdebian.hit.bg/menu.html надявам се да му помогнете
 
В урока пише подробно, какво трябва да направиш. Трябва да си направиш този js файл(scrollovers.js), да си направиш един css(style.css) файл и в html:
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="пътя/style.css" />
<script type="text/javascript" src="пътя/scrollovers.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<ul class="nav">
<li><a href="#" class="scrollover" type="scrollover">меню1</a></li>
<li><a href="#" class="scrollover" type="scrollover">меню2</a></li>
<li><a href="#" class="scrollover" type="scrollover">меню3</a></li>
</ul> 
</body>
</html>

в style.css сложи това:
Код: 
ul.nav {
list-style: none;
margin: 0;
padding: 0;
}

ul.nav li {
float: left;
}

ul.nav li a {

float: left;
margin-left: 20px;
margin-top: 16px;
text-decoration: none;
color: #FFFFFF;
}

/* Scrollover Styling */

ul.nav a.scrollover {
color: #FFFFFF;
margin-top: 16px;
}

ul.nav a.scrollover em:first-line {
color: #228aff;
margin-top: 16px;
}
в scrollovers.js това:
Код: 
/******************************************************************

S C R O L L O V E R S
---------------------
Written by Steffan Luczyn - July 2007
www.scrollovers.com

May be used for personal and business use, but may
never be sold or used in a product that is not
free without my consent.

*******************************************************************/

var scrollovers_TypeName = 'scrollover';
var scrollovers_StartScrollLocation = 0;
var scrollovers_EndScrollLocationTrim = 0;
var scrollovers_ScrollSpeed = 2;
var scrollovers_ScrollDownOnMouseOver = true;


var scrollovers_ElementsInFocus = new Array();

function scrollovers_Init(){
/* DEFAULT TRIM SETTINGS */
scrollovers_StartScrollLocation = 0;
scrollovers_EndScrollLocationTrim = -1;

if(navigator.userAgent.toLowerCase().indexOf("safari")!=-1){
/* SAFARI TRIM SETTINGS */
scrollovers_StartScrollLocation = 0;
scrollovers_EndScrollLocationTrim = -1;
}else if(navigator.userAgent.toLowerCase().indexOf("opera")!=-1){
/* OPERA TRIM SETTINGS */
scrollovers_StartScrollLocation = 0;
scrollovers_EndScrollLocationTrim = -1;
}

var aTmp = document.getElementsByTagName('a');
var aLinks = new Array();
for(i=0;i<aTmp.length;i++){
if(scrollovers_TypeName == '' || aTmp[i].getAttribute('type') == scrollovers_TypeName){
aLinks.push(aTmp[i]);
}
}
aTmp = null;

for(i=0;i<aLinks.length;i++){
var sElemId = 'scrollover_'+i;
var sExistingHTML = aLinks[i].innerHTML;
var iWidth = parseInt(aLinks[i].scrollWidth)+1;
var sHtml = '';
aLinks[i].style.textDecoration = 'none';

sHtml += '<span style="display:block; cursor:pointer; cursor:hand; height:1em; position:relative; overflow:visible; width:'+iWidth+'px; margin-top:-0.2em;">';
sHtml += '<span style="display:block; position:absolute; overflow:hidden; height:1.3em; width:'+iWidth+'px; margin-bottom:-0.3em;">';
sHtml += '<span style="display:block; margin-top:-0.1em; position:absolute; width:'+iWidth+'px;" class="scrollover_Nudge">';
sHtml += '<em id="'+sElemId+'" style="display:block; line-height:1.4em; position:absolute; top:'+scrollovers_StartScrollLocation+'px; font-style:normal;">'+sExistingHTML+' '+sExistingHTML+'</em>';
sHtml += '</span>';
sHtml += '</span>';
sHtml += '</span>';

var sOriginalText = aLinks[i].innerText;
aLinks[i].innerHTML = '';
var oScrollover = document.createElement('fieldset');
oScrollover.style.border = 'none';
oScrollover.style.lineHeight = '1em';
oScrollover.style.width = iWidth;
oScrollover.style.textAlign = 'left';
oScrollover.style.display = 'inline';
oScrollover.style.margin = '0';
oScrollover.style.padding = '0';
oScrollover.innerHTML = sHtml;

aLinks[i].appendChild(oScrollover);

var oTag = document.getElementById(sElemId);

var oElement = new Element(sElemId, oTag);
scrollovers_ElementsInFocus.push(oElement);
oTag.elementObject = oElement;
oTag.onmouseover = scrollovers_MouseOver;
oTag.onmouseout = scrollovers_MouseOut;

if(scrollovers_ScrollDownOnMouseOver){
oTag.style.top = (oElement.ScrollHeight*-1)+scrollovers_EndScrollLocationTrim+'px';
}
}
}
function scrollovers_MouseOver(oEvent){
var oSender = null;
if(window.event){
oSender = window.event.srcElement;
}else{
oSender = oEvent.target;
}

scrollovers_ElementsInFocus.getById(oSender.elementObject.Id).MouseIsOver = true;
if(scrollovers_ScrollDownOnMouseOver){
setTimeout('scrollovers_RollDown(\''+oSender.elementObject.Id+'\')', 100);
}else{
setTimeout('scrollovers_RollUp(\''+oSender.elementObject.Id+'\')', 100);
}
}
function scrollovers_MouseOut(oEvent){
var oSender = null;
if(window.event){
oSender = window.event.srcElement;
}else{
oSender = oEvent.target;
}
oSender.elementObject.MouseIsOver = false;
if(scrollovers_ScrollDownOnMouseOver){
setTimeout('scrollovers_RollUp(\''+oSender.elementObject.Id+'\')', 100);
}else{
setTimeout('scrollovers_RollDown(\''+oSender.elementObject.Id+'\')', 100);
}
}
function scrollovers_RollUp(sIdToRoll){
var oElementToRoll = scrollovers_ElementsInFocus.getById(sIdToRoll);
if(scrollovers_ScrollDownOnMouseOver){
if(oElementToRoll.MouseIsOver){return;}
}else{
if(!oElementToRoll.MouseIsOver){return;}
}
if(oElementToRoll.ScrollLocation+scrollovers_ScrollSpeed < oElementToRoll.ScrollHeight){
oElementToRoll.ScrollLocation += scrollovers_ScrollSpeed;
oElementToRoll.TagRef.style.top = oElementToRoll.ScrollLocation*-1+'px';
setTimeout('scrollovers_RollUp(\''+sIdToRoll+'\')', 10);
}else{
oElementToRoll.ScrollLocation = oElementToRoll.ScrollHeight;
oElementToRoll.TagRef.style.top = (oElementToRoll.ScrollHeight*-1)+scrollovers_EndScrollLocationTrim+'px';
}
}
function scrollovers_RollDown(sIdToRoll){
var oElementToRoll = scrollovers_ElementsInFocus.getById(sIdToRoll);
if(scrollovers_ScrollDownOnMouseOver){
if(!oElementToRoll.MouseIsOver){return;}
}else{
if(oElementToRoll.MouseIsOver){return;}
}
if(oElementToRoll.ScrollLocation-scrollovers_ScrollSpeed > scrollovers_StartScrollLocation){
oElementToRoll.ScrollLocation -= scrollovers_ScrollSpeed;
oElementToRoll.TagRef.style.top = oElementToRoll.ScrollLocation*-1+'px';
setTimeout('scrollovers_RollDown(\''+sIdToRoll+'\')', 10);
}else{
oElementToRoll.ScrollLocation = scrollovers_StartScrollLocation;
oElementToRoll.TagRef.style.top = scrollovers_StartScrollLocation+'px';
}
}

function Element(sId, oObject){
this.Id = sId;
this.TagRef = oObject;
this.ScrollHeight = parseInt(this.TagRef.scrollHeight)/2-1;
this.ScrollLocation = (scrollovers_ScrollDownOnMouseOver?this.ScrollHeight:0);
this.MouseIsOver = false;
}
Array.prototype.getById = function(sId){
for(i=0;i<this.length;i++){
if(this[i].Id == sId){
return this[i];
}
}
return null;
};
Array.prototype.getIndexById = function(sId){
for(i=0;i<this.length;i++){
if(this[i].Id == sId){
return i;
}
}
return null;
};

window.onload = scrollovers_Init;

var t;
function top() {
if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
window.scrollBy(0,-40);
t=setTimeout('top()',10);
}
else clearTimeout(t);
}
 
Ако този сайт е с цел ".вбс" скриптчета които се флуудят по скайп с тях предлагам темата да се изтрие!Ако сайта няма цел да флууди в скайп, помогнете на човека :)
 
сайта е за новостите в новия скайп и такива.Найначе не съм сбъркал кода сигорен съм че не съм го сбъркал незнам защо не ми се получава :shock:
 
Ето ти менюто работещо, а ти вече предполагам ще можеш да си го нагласиш, както ти харесва - големина, цвят и т.н. Ако и сега не работи значи Javascript-а на браузъра ти е изключен.
 
Значи най-вероятно си объркал пътя до css-a или изобщо не си добавил ... :shock:
слагаш css-a в началняи индекс и..

<link rel="stylesheet" type="text/css" href="../style.css" />
 
ами нали той пича ми го даде цялото меню готово мисля че е сложил път а и преди като слагах пак нестава :o :o
 
Разархивирваш папката, влизаш в нея и отваряш index.html. Бутоните са със сив фон, не е като в урока, човека в урока си го е направил с jpg-та за фон ако искаш да е точно както в урока трябва да си изтеглиш картинката за фон и да я сложиш за фон на body в css(поне той така е направил, макар да не го удобрявам). Ако и това не можеш, дръпни пак rar-а и като го разархивираш, отвориш и ще видиш, че е същото като в урока.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе