it-place.net > Скриптове > JavaScript > Други
Не сте регистриран! Регистрирайте се БЕЗПЛАТНО, за да използвате услугите на сайта!

 Страхотно меню
Автор  Icicle (01.04.2005 22:47) съобщение до автора
Погледнат  1760 пъти добави към любими
Оценка добави коментар
Гласове  -- изпрати на приятел
Коментари  (0) абонирай се за JavaScript
     
Icicle
     
 

Това е едно красиво меню.

Този код го слагате в <head> тага:

CODE
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<style type="text/css">

#coolmenu{
border: 1px solid black;
width: 170px;
background-color: #E6E6E6;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #coolmenu a{
width: auto;
}

#coolmenu a:hover{
background-color: black;
color: white;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}

</style>

<script type="text/javascript">

// Cool CSS Menu- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// Fading routine based on Dynamic Drive script: http://www.dynamicdrive.com/dynamicindex4/highlightgrad.htm
// This notice must stay intact for use

var baseopacity=0

function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetext
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}

function hidetext(){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}

</script>


А този в <body> тага :

CODE
1
2
3
4
5
6
7
8
<div id="coolmenu">
<a href="" onMouseover="showtext('JavaScript tutorials and scripts!')" onMouseout="hidetext()">JavaScript Kit</a>
<a href="" onMouseover="showtext('300+ free JavaScripts')" onMouseout="hidetext()">Free JavaScripts</a>
<a href="" onMouseover="showtext('Comprehensive JavaScript Reference')" onMouseout="hidetext()">JavaScript Reference</a>
<a href="" onMouseover="showtext('Web coding and development forums!')" onMouseout="hidetext()">Coding Forums</a>
<a href="" onMouseover="showtext('Award winning DHTML and JavaScripts')" onMouseout="hidetext()">Dynamic Drive</a>
<div id="tabledescription"></div>
</div>

Като вие можете да го променяте !



Ключови думи: javascript меню menu




 За автора: Icicle  
http://iciclenet.deviantart.com/
   
 1 посетител чете този скрипт (0 потребители и 1 гост)  
Активни потребители: ---
   
  

Еmail  
 

 

 
  • Интересно от Софтуер
Songbird 1.0.0 Songbird 1.0.0
Vista Codec Package 5.0.4 Vista Codec Package 5.0.4
The Bat! 4.0.39.33 Alpha The Bat! 4.0.39.33 Alpha
FileZilla 3.1.6 FileZilla 3.1.6
ASTRA32 2.01 Beta ASTRA32 2.01 Beta
ForceVision 4.0 Alpha 2 ForceVision 4.0 Alpha 2
SecureCRT 6.1.3 SecureCRT 6.1.3
ICQ 6.5 Build 104 ICQ 6.5 Build 104
Google Chrome 0.4.154.29 Beta Google Chrome 0.4.154.29 Beta
 
  • Интересно от myLINKS
Хакване на Skype парола Хакване на Skype парола
Asus EeePC 901 или Acer Aspire One A150L? Asus EeePC 901 или Acer Aspire One A150L?
Microsoft превключва монитори в черно за 45 дни Microsoft превключва монитори в черно за 45 дни
Още готини темплейти! Още готини темплейти!
Детски филми и анимация Детски филми и анимация
Тостер принтира текст и снимки от интернет Тостер принтира текст и снимки от интернет
Количеството спам зависи от първата буква в e-mail адреса Количеството спам зависи от първата буква в e-mail адреса
Google със собствен браузър Google със собствен браузър
Реални снимки на HTC Dream! Реални снимки на HTC Dream!
 
 
 
 


Материали Услуги Ресурси Форум Информация
Уроци Работна борса Аватари PHP форум Права и задължения
Скриптове myLinks RSS Feed C++ форум Връзка с нас
Новини Форум Toolbar SEO форум За реклама
Термини Уебмастър Туулс WiFi Точки Java форум Регистрация



IT-PLACE.NET © 2004 - 2008