本帖最后由 茶钱饭后 于 2012-5-3 01:57 编辑
给大家分享一个不错的社区导航代码,个人非常的喜欢,有需要的可以来拿
DZX1.5的
1图:这个是鼠标移动出现滑动过来
2图合起来的样子
- <STYLE><!--A.ssmItems:link {color:black;text-decoration:none;}A.ssmItems:hover {color:black;text-decoration:none;}A.ssmItems:active {color:black;text-decoration:none;}A.ssmItems:visited {color:black;text-decoration:none;}//--></STYLE> <SCRIPT>NS6 = (document.getElementById && !document.all)IE = (document.all)NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") tempBar='';barBuilt=0;ssmItems=new Array(); moving=setTimeout('null',1)function moveOut() {if ((NS6||NS) && parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}else {clearTimeout(moving);moving=setTimeout('null',1)}};function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}function moveBack1() {if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}else {clearTimeout(moving);moving=setTimeout('null',1)}}function slideMenu(num){if (IE) {ssm.pixelLeft += num;}if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}} function makeStatic() {if (NS||NS6) {winY = window.pageYOffset;}if (IE) {winY = document.body.scrollTop;}if (NS6||IE||NS) {if (winY!=lastY && winY>YOffset-staticYOffset) {smooth = .2 * (winY - lastY - YOffset + staticYOffset);}else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}else {smooth=0}if(smooth > 0) smooth = Math.ceil(smooth);else smooth = Math.floor(smooth);if (IE) bssm.pixelTop+=smooth;if (NS6||NS) bssm.top=parseInt(bssm.top)+smoothlastY = lastY+smooth;setTimeout('makeStatic()', 1)}} function buildBar() {if(barText.indexOf('<IMG')>-1) {tempBar=barText}else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"
- "}}document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')} function initSlide() {if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").stylebssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}else if (NS) {bssm=document.layers["basessm1"];bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];bssm2.clip.left=0;ssm.visibility = "show";}if (menuIsStatic=="yes") makeStatic();} function buildMenu() {if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;">')}if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'">')}if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');for(i=0;i<ssmItems.length;i++) {if(!ssmItems[3]){ssmItems[3]=menuCols;ssmItems[5]=menuWidth-1}else if(ssmItems[3]!=menuCols)ssmItems[5]=Math.round(menuWidth*(ssmItems[3]/menuCols)-1);if(ssmItems[i-1] && ssmItems[i-1][4]!="no"){document.write('<TR>')}if(!ssmItems[1]){document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[5]+'" COLSPAN="'+ssmItems[3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[0]+'</b></font></td>')}else {if(!ssmItems[2])ssmItems[2]=linkTarget;document.write('<TD BGCOLOR="'+linkBGColor+'" WIDTH="'+ssmItems[5]+'" COLSPAN="'+ssmItems[3]+'"><ILAYER><LAYER WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[1]+'" target="'+ssmItems[2]+'" CLASS="ssmItems">'+ssmItems[0]+'</DIV></LAYER></ILAYER></TD>')}if(ssmItems[4]!="no" && barBuilt==0){buildBar();barBuilt=1}if(ssmItems[4]!="no"){document.write('</TR>')}}document.write('</table>')if (NS6){document.write('</TD></TR></TABLE>')}if (IE||NS6) {document.write('</DIV></DIV>')}if (NS) {document.write('</LAYER></ILAYER></LAYER>')}theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)} </SCRIPT> <SCRIPT>YOffset=150; // no quotes!!XOffset=0;staticYOffset=30; // no quotes!!slideSpeed=20 // no quotes!!waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.menuBGColor="black";menuIsStatic="yes"; //this sets whether menu should stay static on the screenmenuWidth=80; // Must be a multiple of 10! no quotes!!menuCols=2;hdrFontFamily="verdana";hdrFontSize="2";hdrFontColor="white";hdrBGColor="#4077B0";hdrAlign="left";hdrVAlign="center";hdrHeight="15";linkFontFamily="Verdana";linkFontSize="2";linkBGColor="white";linkOverBGColor="#CEE5FF";linkTarget="_top";linkAlign="left";barBGColor="#444444";barFontFamily="Verdana";barFontSize="2";barFontColor="white";barVAlign="center";barWidth=20; // no quotes!!barText="社区导航"; // <IMG> tag supported. Put exact html for an image to show. /////////////////////////// // ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a headerssmItems[0]=["站内导航"] //create headerssmItems[1]=["门户主页", "http://www.gjuge.net", "_blank"]ssmItems[2]=["社区博客", "http://www.gjuge.net/blog.php","_blank"]ssmItems[3]=["扬州导航", "http://www.gjuge.net/daohang", "_blank"]ssmItems[4]=["网页游戏", "http://www.gjuge.net/userapp.php", "_blank"]ssmItems[5]=["便民工具", "http://www.gjuge.net/bianmin", "_blank"]ssmItems[6]=["QQ", "tencent://message/?uin=635203819&Site=http://www.gjuge.net", "", 1, "no"] //create two column rowssmItems[7]=["Email", "mailto:635203819@qq.com", "",1] ssmItems[8]=["友情链接", "", ""] //create header
- ssmItems[9]=["猫扑", "http://dzh.mop.com", "_blank",1, "no"]//create two column row
- ssmItems[10]=["天涯", "http://www.tianya.cn", "_blank",1]
- ssmItems[11]=["西祠", "http://www.xici.net", "_blank",1, "no"]//create two column row
- ssmItems[12]=["百度", "http://www.baidu.com", "_blank",1]
- buildMenu();</SCRIPT>
复制代码 |