Персональный сайт - Главная страница

код красивого меню
<div class='widget HTML' data-version='1' id='HTML7'>
<div class='widget-content'>
<center>
<style>
#menu-block1 {float: center; margin: 1px; height: 360px; } .vertical-menu1 { display: block; border-radius: 9px; padding: 0; margin: 0; width: 314px; } .vertical-menu1 li { position: relative; list-style: none; outline: none; background: #b2e1ff; /* Old browsers */
background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */background: border: solid 1px #D6C2FF; border-radius: 9px; padding: 0; margin: 19px; height: 30px; -webkit-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease; -moz-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease; -o-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease; transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease; } .vertical-menu1 li:hover { background: #ccf; border: solid 1px transparent; border-radius: 5px; box-shadow: inset 0 0 8px #fff; margin: 2px 10px; } .vertical-menu1 a { display: block; text-decoration: none; font: bold 16px Georgia; text-align: center; box-shadow: none; padding: 4px 0px 0px 0px; margin: 0; } .vertical-menu1 a:hover { color: #351c75;} .drop-link1 > a { margin: 0; -webkit-transition: margin 0.5s ease; -moz-transition: margin 0.5s ease; -o-transition: margin 0.5s ease; transition: margin 0.5s ease; } .drop-link1 > a:hover { margin: 0 0 0 10px; } .drop-link1:hover { background: #ccf; } .drop-link1:after, .drop-link1:before { content: ''; position: absolute; right: 0; top: 0; padding: 0; margin: 0; } .drop-link1:before { border: solid 14px; border-color:#3d85c6 transparent transparent transparent; margin: 0 12px 0 0; } .drop-link1:after { border: solid 7px; border-color: #267cc9 transparent transparent transparent; margin: 0 15px 0 0; } .drop-link1:hover:before { border: solid 16px; border-color: transparent #351c75 transparent transparent; margin: -3px 0 0 0; } .drop-link1:hover:after { border: solid 12px; border-color: transparent #b685f7 transparent transparent; margin-right: 0; } .drop-block1 { display: block; position: absolute; z-index: 1000; right: 100%; top: -9999em;#B84DFF; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; opacity: 0; padding: 0; margin: -10px -10px 0 0; min-width: 314px; width: 314px; } .widget .post-body ul .drop-block1 {margin: -10px -10px 0 0;} .drop-link1:hover > .drop-block1 { top: 0; opacity: 1; }
</style>

</li>

</li>
</ul>

</li>

</li>
</ul>

</li>
<li class='drop-link1'><a href=""></a>

</li>

</li>
</ul>
</li>
<li><a href="">00</a>
<li><a href="">00</a>

<li><a href="http://jiangxi2008089px.blog.163.com">СМОТРЕТЬ</a>
</li>

</li>

</li>
</ul>
</div>
</center>
</div>

HTML JavaScript

кодкурсора<Script> 
переменная xLayerNo = 0; 
Функция xLayer (newLayer, х, у, ш) 
{ 
 если (х == NULL) х = 0; 
 если (у == NULL) у = 0; 
 если (ш == NULL) ш = 100; 
 (document.layers) 
 { 
 если (TypeOf newLayer == "строка") 
 { 
 this.layer = новый слой (ш); 
 this.layer.document.open (); 
 this.layer.document.write (newLayer); 
 this.layer.document.close (); 
 } 
 еще 
 this.layer = newLayer; 
 this.layer.moveTo (х, у); 
 this.images = this.layer.document.images; 
 } 
 еще 
 если (document.all) 
 { 
 переменная XName; 
 если (TypeOf newLayer == "строка") 
 { 
 XName = "xLayer" + xLayerNo ++; 
 вар = TXT "<DIV ID = '" + XName 
 "= \" СТИЛЬ "позиция +: абсолютная;" 
 + "Слева:" + х + ";" 
 + "Вверх:" + у + ";" 
 + "Ширина: '+ ш +"; " 
 + "Видимость: скрытый \"> " 
 + newLayer 
 + "</ DIV>"; 
 document.body.insertAdjacentHTML ( "BeforeEnd", TXT); 
 } 
 еще 
 XName = newLayer.id; 
 this.content = document.all [XName]; 
 this.layer = document.all [XName] .style; 
 this.images = document.images; 
 } 
 еще 
 если (document.getElementById) 
 { 
 / *** Добавлена поддержка Netscape 6.0. (Примечание: Это может работать в IE 5 + Придется проверить *** / 
 переменная newDiv; 
 если (TypeOf newLayer == "строка") 
 { 
 XName переменная = "xLayer" + xLayerNo ++; 
 вар TXT = "" 
 + "Должность: абсолютный;" 
 + "Слева:" + х + "точек"; 
 + "Вверх:" + у + "точек"; 
 + "Ширина: '+ ш +" пикселей "; 
 + "Видимость: скрытый"; 
 вар newRange = document.createRange (); 
 newDiv = document.createElement ( "ДИВ"); 
 newDiv.setAttribute ( "стиль", TXT); 
 newDiv.setAttribute ( "ID", XName); 
 document.body.appendChild (newDiv); 
 newRange.setStartBefore (newDiv); 
 strFrag = newRange.createContextualFragment (newLayer); newDiv.appendChild (strFrag); 
 } 
 еще 
 newDiv = newLayer; 
 this.content = newDiv; this.layer = newDiv.style; 
 this.images = document.images; 
 } 
 вернуться (это); 
} 
Функция xLayerFromObj (theObj) 
{ 
 (document.layers) 
 вернуться (новый xLayer (document.layers [theObj])); 
 еще 
 если (document.all) 
 вернуться (новый xLayer (document.all [theObj])); 
 еще 
 если (document.getElementById) 
 вернуться (новый xLayer (document.getElementById (theObj))); 
} 
если (navigator.appName.indexOf ( "Netscape")! = -1 &&! document.getElementById) 
{ 
вар eventmasks = { 
OnAbort: Event.ABORT, ONBLUR: Event.BLUR, OnChange: Event.CHANGE, 
OnClick: Event.CLICK, ondblclick: Event.DBLCLICK, 
OnDragDrop: Event.DRAGDROP, OnError: Event.ERROR, 
OnFocus: Event.FOCUS, OnKeyDown: Event.KEYDOWN, 
OnKeyPress: Event.KEYPRESS, OnKeyUp: Event.KEYUP, OnLoad: Event.LOAD, 
OnMouseDown: Event.MOUSEDOWN, OnMouseMove: Event.MOUSEMOVE, 
onmouseout: Event.MOUSEOUT, OnMouseOver: Event.MOUSEOVER, 
OnMouseUp: Event.MOUSEUP, OnMove: Event.MOVE, OnReset: Event.RESET, 
OnResize: Event.RESIZE, onselect: Event.SELECT, onsubmit: Event.SUBMIT, 
OnUnload: Event.UNLOAD 
}; 
/ **** *** START прототипы для NS / 
xLayer.prototype.moveTo = Функция (х, у) {This.layer.moveTo (х, у); } 
xLayer.prototype.moveBy = Функция (х, у) {This.layer.moveBy (х, у); } 
xLayer.prototype.show = Функция () {This.layer.visibility = "шоу"; } 
xLayer.prototype.hide = Функция () {This.layer.visibility = "скрыть"; } 
xLayer.prototype.setzIndex = Функция (г) {This.layer.zIndex = г; } 
xLayer.prototype.setBgColor = Функция (цвет) {this.layer.bgColor = цвет; } 
xLayer.prototype.setBgImage = Функция (изображение) {this.layer.background.src = изображения; } 
xLayer.prototype.getX = Функция () {Возвращение this.layer.left; } 
xLayer.prototype.getY = Функция () {Возвращение this.layer.top; } 
xLayer.prototype.getWidth = Функция () {Возвращение this.layer.width; } 
xLayer.prototype.getHeight = Функция () {Возвращение this.layer.height; } 
xLayer.prototype.getzIndex = Функция () {Return this.layer.zIndex; } 
xLayer.prototype.isVisible = Функция () {Возвращение this.layer.visibility == "шоу"; } 
xLayer.prototype.setContent = функция (XHTML) 
{ 
 this.layer.document.open (); 
 this.layer.document.write (XHTML); 
 this.layer.document.close (); 
} 
xLayer.prototype.clip = функция (x1, y1, x2, y2) 
{ 
 this.layer.clip.top = Y1; 
 this.layer.clip.left = X1; 
 this.layer.clip.bottom = У2; 
 this.layer.clip.right = X2; 
} 
xLayer.prototype.addEventHandler = функция (EventName, обработчик) 
{ 
this.layer.captureEvents (eventmasks [EventName]); 
переменная х = это; 
this.layer [EventName] = функция (событие) { 
вернуть обработчик (х, Event.type, event.x, event.y, 
event.which, event.which, 
((Event.modifiers & Event.SHIFT_MASK)! = 0), 
((Event.modifiers & Event.CTRL_MASK)! = 0), 
((Event.modifiers & Event.ALT_MASK)! = 0)); 
} 
} 
/ *** END *** NS / 
} 
иначе если (document.all) 
{ 
/ *** *** START прототипы для IE / 
xLayer.prototype.moveTo = функция (х, у) 
{ 
 this.layer.pixelLeft = х; 
 this.layer.pixelTop = у; 
} 
xLayer.prototype.moveBy = функция (х, у) 
{ 
 this.layer.pixelLeft + = х; 
 this.layer.pixelTop + = у; 
} 
xLayer.prototype.show = Функция () {This.layer.visibility = "видимый"; } 
xLayer.prototype.hide = Функция () {This.layer.visibility = "скрытый"; } 
xLayer.prototype.setzIndex = Функция (г) {This.layer.zIndex = г; } 
xLayer.prototype.setBgColor = Функция (цвет) {this.layer.backgroundColor = цвет; } 
xLayer.prototype.setBgImage = Функция (изображение) {this.layer.backgroundImage = изображения; } 
xLayer.prototype.setContent = функция (XHTML) {This.content.innerHTML = XHTML; } 
xLayer.prototype.getX = Функция () {Return this.layer.pixelLeft; } 
xLayer.prototype.getY = Функция () {Return this.layer.pixelTop; } 
xLayer.prototype.getWidth = Функция () {Return this.layer.pixelWidth; } 
xLayer.prototype.getHeight = Функция () {Return this.layer.pixelHeight; } 
xLayer.prototype.getzIndex = Функция () {Return this.layer.zIndex; } 
xLayer.prototype.isVisible = Функция () {Return this.layer.visibility == "видимый"; } 
xLayer.prototype.clip = Функция (x1, y1, x2, y2) 
{ 
 this.layer.clip = "Rect (" + y1 + "" + x2 + "" + v2 + "" + x1 + ")"; 
 this.layer.pixelWidth = x2; 
 this.layer.pixelHeight = y2; 
 this.layer.overflow = "скрытый"; 
} 
xLayer.prototype.addEventHandler = функция (именем_события, обработчик) 
{ 
 переменная х = это; 
 this.content [именем_события] = функция () 
 { 
вар е = window.event; 
e.cancelBubble = TRUE; 
вернуть обработчик (х, e.type, ех, еу, 
e.button, e.keyCode, 
e.shiftKey, e.ctrlKey, e.altKey); 
} 
} 
/ *** END *** IE / 
} 
иначе если (document.getElementById) 
{ 
/ *** W3C (NS 6) *** / 
xLayer.prototype.moveTo = функция (х, у) 
{ 
 this.layer.left = х + "точек"; 
 this.layer.top = у + "точек"; 
} 
xLayer.prototype.moveBy = Функция (х, у) {This.moveTo (this.getX () + х, this.getY () + у); } 
xLayer.prototype.show = Функция () {This.layer.visibility = "видимый"; } 
xLayer.prototype.hide = Функция () {This.layer.visibility = "скрытый"; } 
xLayer.prototype.setzIndex = Функция (г) {This.layer.zIndex = г; } 
xLayer.prototype.setBgColor = Функция (цвет) {this.layer.backgroundColor = цвет; } 
xLayer.prototype.setBgImage = Функция (изображение) {this.layer.backgroundImage = изображения; } 
xLayer.prototype.getX = Функция () {Return ParseInt (this.layer.left); } 
xLayer.prototype.getY = Функция () {Return ParseInt (this.layer.top); } 
xLayer.prototype.getWidth = Функция () {Return ParseInt (this.layer.width); } 
xLayer.prototype.getHeight = Функция () {Return ParseInt (this.layer.height); } 
xLayer.prototype.getzIndex = Функция () {Return this.layer.zIndex; } 
xLayer.prototype.isVisible = Функция () {Return this.layer.visibility == "видимый"; } 
xLayer.prototype.clip = Функция (x1, y1, x2, y2) 
{ 
 this.layer.clip = "Rect (" + y1 + "" + x2 + "" + v2 + "" + x1 + ")"; 
 this.layer.width = x2 + "ПВ"; 
 this.layer.height = у2 + "точек"; 
 this.layer.overflow = "скрытый"; 
} 
xLayer.prototype.addEventHandler = функция (именем_события, обработчик) 
{ 
 переменная х = это; 
 this.content [именем_события] = функция (е) 
 { 
e.cancelBubble = TRUE; 
вернуть обработчик (х, e.type, e.pageX, e.pageY, 
e.button, e.keyCode, 
e.shiftKey, e.ctrlKey, e.altKey); 
 } 
} 
xLayer.prototype.setContent = функция (XHTML) 
{ 
 вар newRange = document.createRange (); 
 newRange.setStartBefore (this.content); 
 в то время как (this.content.hasChildNodes ()) 
 this.content.removeChild (this.content.lastChild); 
 вар strFrag = newRange.createContextualFragment (XHTML); this.content.appendChild (strFrag); 
} 
} еще 
{ 
xLayer.prototype.moveTo = Функция (х, у) {} 
xLayer.prototype.moveBy = Функция (х, у) {} 
xLayer.prototype.show = Функция () {} 
xLayer.prototype.hide = Функция () {} 
xLayer.prototype.setzIndex = Функция (г) {} 
xLayer.prototype.setBgColor = Функция (цвет) {} 
xLayer.prototype.setBgImage = Функция (изображение) {} 
xLayer.prototype.getX = Функция () {Возвращает 0; } 
xLayer.prototype.getY = Функция () {Возвращает 0; } 
xLayer.prototype.getWidth = Функция () {Возвращает 0; } 
xLayer.prototype.getHeight = Функция () {Возвращает 0; } 
xLayer.prototype.getzIndex = Функция () {Возвращает 0; } 
xLayer.prototype.isVisible = Функция () {Возвращение ложным; } 
xlayer.prototype.setContent = функция (XHTML) {} 
} 
</ Script> 
<Script> 
Функция xMouse () 
{ this.x = 0; 
 this.y = 0; 
 если (navigator.appName.indexOf ( "Netscape")! = -1) 
 { 
 this.getMouseXY = функция (EVNT) 
 { 
 document.ml.X = evnt.pageX; 
 document.ml.Y = evnt.pageY; 
 } 
 window.captureEvents (Event.MOUSEMOVE); 
 window.onmousemove = this.getMouseXY; 
 document.ml = это; 
 } 
 иначе если (document.all) 
 { 
 если (navigator.appVersion.indexOf ( "MSIE 5.")! = -1) 
 this.getMouseXY = функция () 
 { 
 document.ml.X = event.x + document.body.scrollLeft; 
 document.ml.Y = event.y + document.body.scrollTop; 
 } 
 еще 
 this.getMouseXY = функция () 
 { 
 document.ml.X = event.x; 
 document.ml.Y = event.y; 
 } 
 document.ml = это; 
 document.onmousemove = this.getMouseXY; 
 } 
 вернуться (это);

} 
</ Script> 
<Script> 
xMouse вар т = новый (); 
переменная oneDeg = (2 * Math.PI) / 360;

/ *** Verander hieronder де вариабелен пакета ееп Андер эффект *** / 
Радиус вар = 1; 
NumStars переменная = 64; 
NumSteps переменная = 5; 
переменная StepAngle = (11:25) * oneDeg; 
переменная StarObject = новый Array (); 
переменная ШестнадцатеричнаяЦифра = новый Array ( "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "А", "В", "С", "Д", "Е", "F"); 
Функция DEC2HEX (реш) 
{ 
 Возвращение (ШестнадцатеричнаяЦифра [Декабре >> 4] + ШестнадцатеричнаяЦифра [& 15 декабря]); 
} 
Функция HEX2DEC (шест) 
{ 
 Возвращение (ParseInt (шест, 16)) 
} 
Функция CreateStar () 
{ 
 this.layer = Новый xLayer ( "X", 100, 100, 10); 
 this.currAngle = 0; 
 this.step = 0; 
 this.x = 100; 
 this.y = 100; 
 вернуться (это); 
} 
/ *** Выберите случайную конфигурацию вертушки *** / 
перезапустить функцию () 
{ 
 переменная Num = Math.floor (Math.random () * 4); 
 для (я = 0; я <NumStars; я ++) 
 StarObject [я] .layer.hide (); 
 если (число == 0) { 
 Радиус = 1; 
 NumStars = 32; 
 NumSteps = 16; 
 StepAngle = (25) * oneDeg; 
 }

для (я = 0; я <NumStars; я ++) 
 { 
 переменная s = StarObject [я]; 
 s.currAngle = (StepAngle * я); 
 s.step = (I% NumSteps); 
 = тх SX; 
 SY = Мои; 
 } 
 для (я = 0; я <NumStars; я ++) 
 StarObject [я] .layer.show (); 
 } 
старт функция () 
{ 
 для (я = 0; я <NumStars; я ++) 
 { 
 StarObject [я] = новый CreateStar (); 
 StarObject [я] .currAngle = (StepAngle * я); 
 StarObject [я] .step = (I% NumSteps); 
 StarObject [я] .layer.clip (0,0,2,2); 
 StarObject [я] .layer.setBgColor ( "красный"); 
 } 
 для (я = 0; я <NumStars; я ++) 
 StarObject [я] .layer.show (); 
 / *** Удалить это, если вы только один тип вертушки *** / 
 Поворот (); 
} 
Функция changeColour (ы) 
{ 
 переменная цвет = ""; 
 r2 = Math.floor (Math.random () * 2) * 255; 
 g2 = Math.floor (Math.random () * 2) * 255; 
 b2 = Math.floor (Math.random () * 2) * 255; 
 если (r2 == 0 && g2 == 0 && b2 == 0) 
 r2 = 255; 
 цвет = "#" + DEC2HEX (r2) + DEC2HEX (g2) + DEC2HEX (b2); 
 s.layer.setBgColor (цвет); 
 = тх SX; 
 SY = Мои; 
} 
Поворотом функцию () 
{ 
 переменная х; 
 переменная у; 
 для (я = 0; я <NumStars; я ++) { 
 переменная s = StarObject [я]; 
 если (s.step == 0) 
 changeColour (s); 
 угол переменная = s.currAngle; 
 вар рад = s.step * Радиус + 10; 
 х = + SX рад * Math.cos (угол); 
 у = SY + радиан * Math.sin (угол); 
 s.layer.moveTo (х, у); 
 s.step = (s.step + 1)% NumSteps; 
 } 
 setTimeout ( "Поворот ()", 30); 
} 
handle_resize функции () 
{ 
 (document.layers) 
 начать (); 
} 
window.onresize = handle_resize; 
window.onload = старт; 
</ Script>

=============