📄 易于说明的导航条.txt

📁 JavaScript特效（新）这里有许多的JAVA特效.供学者参考
💻 TXT
字号:
先将下列代码复制到<head></head>之间：
<SCRIPT LANGUAGE="JavaScript">
// Global variables
var tipId       = "expandDiv";
var tipLink     = new Array(); 
var tipUrl      = new Array();
var tipText     = new Array(); 
var tipNum      = 0;        
var tipBorder   = 0;
var tipWidth    = 300;
var tipColor    = "FFFFFF";

var tipUnoverImage  = "<img src=../image/green_right_arrow.gif border=0> ";
var tipOverImage    = "<img src=../image/red_right_arrow.gif border=0> ";

var ns4         = (document.layers)? true:false;
var ie4         = (document.all)? true:false;

// Add a link with its tip to the layer
function add_tip(tLink, tUrl, tText) {
  tipLink[tipNum] = tLink;
  tipUrl[tipNum]  = tUrl;
  tipText[tipNum] = tText;
  tipNum++;
} 

// Set close image
function set_unoverImage(url) {
  tipUnoverImage = "<img src=" + url + " border=0>";
}


// Set open image
function set_overImage(url) {
  tipOverImage = "<img src=" + url + " border=0>";
}


/*----------------------------------------------------------------*
 * changtext() - change text in a block                           *
 *----------------------------------------------------------------*/
function changetext(whichcontent){
  if (document.all)
    descriptions.innerHTML=whichcontent
  else if (document.layers){
    document.d1.document.d2.document.write(whichcontent)
    document.d1.document.d2.document.close()
  }
}


/*----------------------------------------------------------------*
 * create_tinLink() - create Tip Link block                       *
 *----------------------------------------------------------------*/
function create_tipLink(width, border, bgcolor) {
  document.writeln('<style> A.tiplink {text-decoration:none; font-family:verdana,arial; line-height:1.2}</style>');
  document.writeln('<table border=0 cellspacing=8 cellpadding=' + border + ' width=' + width + '><TR><TD bgcolor=green>');
  document.writeln('<table border=0 cellspacing=0 cellpadding=3 width=100% bgcolor=' + bgcolor + '><TR><TD>');
  for (i = 0; i < tipNum; i++) {
	document.writeln('<a class=tiplink href="' + tipUrl[i] + '" onMouseOver ="changetext(tipText[' + i + '])">' + tipLink[i] + '</a><BR>');
  }
  document.writeln('</TD></TR></TABLE></TD></TR></TABLE>');
}


/*----------------------------------------------------------------*
 * create_tinText() - create Tip Text block                       *
 *----------------------------------------------------------------*/
function create_tipText(width, linenum, border, bgcolor) {

  document.writeln('<table border=0 cellspacing=8 cellpadding=' + border + ' width=' + width + '><TR><TD bgcolor=green>');
  document.writeln('<table border=0 cellspacing=0 cellpadding=5 width=100% bgcolor=' + bgcolor + '><TR><TD>');
  document.writeln('<ilayer id="d1" width=' + width + '>');
  document.writeln('<layer id="d2" width=' + width + '>');
  document.writeln('<div id="descriptions">');
  for (i = 1; i < linenum; i++) document.writeln('<BR>&nbsp;');
  document.writeln('</div>');
  document.writeln('</layer>');
  document.writeln('</ilayer>');
  document.writeln('</TD></TR></TABLE></TD></TR></TABLE>');
}

</SCRIPT>







再将下列代码复制到<body></body>之间：
<SCRIPT>
  content =
		'Javascript实例教程压缩包<BR>' +
		'大小：134K<BR>' +
		'格式：ZIP<BR>' +
		'更新日期：19991106<BR>' +
		'作者：阿捷<BR>' +
		'内容：<BR>' +
		'◇时间日期显示类教程8篇<BR>' +
		'◇按钮类教程11篇<BR>' +
        '◇窗口及表单发送类9篇<BR>' +
        '◇图象，色彩显示类6篇<BR>' +
        '◇随机效果类2篇 <BR>' +
        '◇滚动跑马效果8篇<BR>' +
        '◇cookie类6篇<BR>' +
        '◇其他效果19篇<BR>'; 

  add_tip("JavaScript实例教程", "ajie_js.zip", content);

  content =
		'DHTML实例教程压缩包<BR>' +
		'大小：135K<BR>' +
		'格式：ZIP<BR>' +
		'更新日期：19991106<BR>' +
		'作者：阿捷<BR>' +
		'内容：共计21篇<BR>' +
		'◇实时走动的数字时钟,<BR>' +
		'◇不用java的垂直滚动板,<BR>' +
		'◇跟随鼠标跳动的心, <BR>' +
		'◇挑战微软“动态菜单”<BR>' +
		'◇鼠标感应自动放大缩小的图片<BR>' +
		'◇带超链接的滚动文字条<BR>' +
		'◇循环移动的广告条<BR>' +
		'◇隐藏与显示,<BR>' +
		'◇跟随鼠标的笑脸等等<BR>';
  add_tip("Dhtml实例教程", "dhtml.zip", content);

 </SCRIPT>
 
　
    <SCRIPT>
  create_tipText(300, 18, 0, "#FFFFFF")
</SCRIPT>
         
<SCRIPT>
  create_tipLink(200, 1, "#FFFFff")
</SCRIPT>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -