Navigation Menu Cross-move

Source: Internet
Author: User

<style>
#menuShow {
border:1px solid #6cccc6;
Background-color: #11cccc;
padding:13px;
font-size:13px;
Font-family:verdana, Arial;
Position:absolute;
Width:auto;
Height:auto;
}
#menuSelect {
border:1px solid #fffff6;
Background-color: #aafff1;
padding:13px;
font-size:13px;
Font-family:verdana, Arial;
Position:absolute;
Width:auto;
Height:auto;
}
</style>
<a href= "< #ZC_BLOG_HOST #>" > Webmaster special effects Network &LT;/A&GT, webmaster essential High-quality web effects and advertising code. Zzjs.net, webmaster JS special effects. <!--Welcome to Webmaster Special Effects network, our site collects a large number of high-quality JS effects, provide many ad code download, Web site: Www.zzjs.net,[email protected], with. NET to build beautiful station--
<div id= "MenuSelect" >
<a href= "#" onclick= "Moveonmenu (); Moveoffselector ()" > Point I Exchange </a>
<a href= "Http://www.zzjs.net" > Webmaster special effects Net </a>
<a href= "Http://zzjs.net/?cat=1" >zzjs</a>
<a href= "http://zzjs.net/?cat=2" > Web effects </a>
<a href= "http://zzjs.net/?cat=11" > Ad code </a>
<a href= "http://www.alixixi.com" > Arisisi </a>
<a href= "http://www.cctv.com" > CCTV International </a>
<a href= "http://www.163.com" > NetEase </a>
<a href= "http://www.sohu.com" > Sohu </a>
<a href= "http://www.blueidea.com" > Blue ideal </a>
</div>
<div id= "Menushow" >
<a href= "#" onclick= "Moveoffmenu (); Moveonselector ()" > Exchange navigation </a>
<a href= "Http://www.zzjs.net" > Webmaster special effects Net </a>
<a href= "Http://zzjs.net/?cat=1" >zzjs</a>
<a href= "http://zzjs.net/?cat=2" > Web effects </a>
<a href= "http://zzjs.net/?cat=11" > Ad code </a>
<a href= "http://www.alixixi.com" > Arisisi </a>
<a href= "http://www.cctv.com" > CCTV International </a>
<a href= "http://www.163.com" > NetEase </a>
<a href= "http://www.sohu.com" > Sohu </a>
<a href= "http://www.blueidea.com" > Blue ideal </a>
</div>
<script language= "JavaScript" >
<!--Begin
Show = "Yes";
var offx =-170;
var PosX = 400;
var PosY = 100;
var speed = 1;
var increment = 1;
var incrementNS4 = 5; For slower NS4 browsers
Welcome to Webmaster Special Effects network, our website is www.zzjs.net, very good remember, ZZ webmaster, JS is JS special effects, this site collects a large number of high-quality JS code, there are many ad code download.
var Is_ns = navigator.appname== "Netscape";
var is_ver = parseint (navigator.appversion);
var is_ns4 = is_ns&&is_ver>=4&&is_ver<5;
var is_ns5up = is_ns&&is_ver>=5;
Welcome to Webmaster Special Effects network, our website is www.zzjs.net, very good remember, ZZ webmaster, JS is JS special effects, this site collects a large number of high-quality JS code, there are many ad code download.
var menux = OFFX;
var selx = PosX;
var sposx = PosX;
var soffx = OFFX;
Welcome to Webmaster Special Effects network, our website is www.zzjs.net, very good remember, ZZ webmaster, JS is JS special effects, this site collects a large number of high-quality JS code, there are many ad code download.
if (Show = = "Yes") {
Sposx = OFFX;
SOFFX = PosX;
Menux = SOFFX;
Selx = SPOSX;
}
Welcome to Webmaster Special Effects network, our website is www.zzjs.net, very good remember, ZZ webmaster, JS is JS special effects, this site collects a large number of high-quality JS code, there are many ad code download.
if (IS_NS4) {
increment = incrementNS4;
Lq = "document.layers.";
Sq = "";
Eval (lq+ ' menuselect ' +sq+ '. Left=sposx ');
Eval (lq+ ' menushow ' +sq+ '. Left=soffx ');
Eval (lq+ ' menuselect ' +sq+ '. Top=posy ');
Eval (lq+ ' menushow ' +sq+ '. Top=posy ');
} else {
Lq = "document.all.";
Sq = ". Style";
document.getElementById (' MenuSelect '). Style.left = sposx+ "px";
document.getElementById (' Menushow '). Style.left = soffx+ "px";
document.getElementById (' MenuSelect '). Style.top = posy+ "px";
document.getElementById (' Menushow '). Style.top = posy+ "px";
}
Welcome to Webmaster Special Effects network, our website is www.zzjs.net, very good remember, ZZ webmaster, JS is JS special effects, this site collects a large number of high-quality JS code, there are many ad code download.
function Moveonmenu () {
if (Menux < PosX) {
Menux = Menux + increment;
if (is_ns5up) {
document.getElementById (' Menushow '). Style.left = menux+ "px";
} else {
Eval (lq+ ' menushow ' +sq+ '. Left=menux ');
}
SetTimeout (' Moveonmenu () ', speed);
}
}
Welcome to Webmaster Special Effects network, our website is www.zzjs.net, very good remember, ZZ webmaster, JS is JS special effects, this site collects a large number of high-quality JS code, there are many ad code download.
function Moveoffmenu () {
if (Menux > Offx) {
Menux = menux-increment;
if (is_ns5up) {
document.getElementById (' Menushow '). Style.left = menux+ "px";
} else {
Eval (lq+ ' menushow ' +sq+ '. Left=menux ');
}
SetTimeout (' Moveoffmenu () ', speed);
}
}
function Moveoffselector () {
if (Selx > Offx) {
Selx = selx-increment;
if (is_ns5up) {
document.getElementById (' MenuSelect '). Style.left = selx+ "px";
} else {
Eval (lq+ ' menuselect ' +sq+ '. Left=selx ');
}
SetTimeout (' Moveoffselector () ', speed);
}
}
function Moveonselector () {
if (Selx < PosX) {
Selx = Selx + increment;
if (is_ns5up) {
document.getElementById (' MenuSelect '). Style.left = selx+ "px";
} else {
Eval (lq+ ' menuselect ' +sq+ '. Left=selx ');
}
SetTimeout (' Moveonselector () ', speed);
}
}
End-To
</script>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.