📄 0057.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><!-- #BeginTemplate "/Templates/JsExample.dwt" --><HEAD><!-- #BeginEditable "doctitle" --> <TITLE>一个不错的例子</TITLE><!-- #EndEditable --><META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY { MARGIN: 25px 25px 25px}#all TD { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}INPUT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}SELECT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}P { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}TEXTAREA { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}#all A:active { COLOR: #7d070c}#all A:visited { COLOR: #7d070c}#all A:hover { COLOR: #336699}#all A:link { COLOR: #7d070c}</STYLE><SCRIPT language=JavaScript><!--function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){ob.select();js=ob.createTextRange();js.execCommand("Copy");}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><!-- #BeginEditable "Example%20and%20Sources" --> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"><!-- #BeginLibraryItem "/Library/js_title.lbi" --><script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script><!-- #EndLibraryItem --></td> </tr> <tr> <td bgcolor="#f7f7f7"><script language="JavaScript" src="js/dhtmllib.js"></script><script language="JavaScript" src="js/scroller.js"></script><script language="JavaScript">/*Mike's DHTML scroller (By Mike Hall @ Brainjar.com)Permission granted to Dynamicdrive.com to include script in archiveFor this and 100's more DHTML scripts, visit http://dynamicdrive.com*/var myScroller1 = new Scroller(0, 0, 480, 32, 1, 8);myScroller1.setColors("#006600", "#ccffcc", "#009900");myScroller1.setFont("Verdana,Arial,Helvetica", 2);myScroller1.addItem("<b>Click here for <a href='../../../dynamicdrive.com/index.html'>Dynamic Drive</a>, the net\'s #1 DHTML site!</b>");myScroller1.addItem("<b>Visit <a href='../../../www.brainjar.com/index.html'>Brain Jar</a>, Mike\'s great coding site!</b>");myScroller1.addItem("<b>Looking for free JavaScripts? Visit <a href='../../../wsabstract.com/index.html'>Website Abstraction.</a>");myScroller1.addItem("<b>Stay abreast on the latest technology news, with <a href='../../../news.com/index.html'>News.com.</a></b>");function runmikescroll() { var layer; var mikex, mikey; // Locate placeholder layer so we can use it to position the scrollers. layer = getLayer("placeholder"); mikex = getPageLeft(layer); mikey = getPageTop(layer); // Create the first scroller and position it. myScroller1.create(); myScroller1.hide(); myScroller1.moveTo(mikex, mikey); myScroller1.setzIndex(100); myScroller1.show();}window.onload=runmikescroll</script><div id="placeholder" style="position:relative; width:420px; height:32px;"> </div><br> 提示:一个滚动轮显的例子.</td> </tr> <tr> <td> <p>1.将下面的代码复制到<body>内显示效果的位置 <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc(js_1)> <br> <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10"><script language="JavaScript" src="dhtmllib.js"></script><script language="JavaScript" src="scroller.js"></script><script language="JavaScript">/*Mike's DHTML scroller (By Mike Hall @ Brainjar.com)Permission granted to Dynamicdrive.com to include script in archiveFor this and 100's more DHTML scripts, visit http://dynamicdrive.com*///设置内空与属性var myScroller1 = new Scroller(0, 0, 480, 32, 1, 8);myScroller1.setColors("#006600", "#ccffcc", "#009900");myScroller1.setFont("Verdana,Arial,Helvetica", 2);myScroller1.addItem("<b>Click here for <a href='../../../dynamicdrive.com/index.html'>Dynamic Drive</a>, the net\'s #1 DHTML site!</b>");myScroller1.addItem("<b>Visit <a href='../../../www.brainjar.com/index.html'>Brain Jar</a>, Mike\'s great coding site!</b>");myScroller1.addItem("<b>Looking for free JavaScripts? Visit <a href='../../../wsabstract.com/index.html'>Website Abstraction.</a>");myScroller1.addItem("<b>Stay abreast on the latest technology news, with <a href='../../../news.com/index.html'>News.com.</a></b>");function runmikescroll() { var layer; var mikex, mikey; // Locate placeholder layer so we can use it to position the scrollers. layer = getLayer("placeholder"); mikex = getPageLeft(layer); mikey = getPageTop(layer); // Create the first scroller and position it. myScroller1.create(); myScroller1.hide(); myScroller1.moveTo(mikex, mikey); myScroller1.setzIndex(100); myScroller1.show();}window.onload=runmikescroll</script><div id="placeholder" style="position:relative; width:420px; height:32px;"> </div></textarea> <br> <br> 2.这里用到两个外部的JS <br> 1) <a href="js/dhtmllib.js">dhtmllib.js</a><br> 2)<a href="js/scroller.js"> scroller.js</a><br> <br> 3.Script内部分解析<br> <br> new Scroller(0,0,480,32,1,8);参数分别代表下面的内容<br> Scroller(x, y, width, height, border, padding) <br> <br> setColors(fgcolor, bgcolor, bdcolor) 默认为 黑色,白色,黑色<br> <br> setFont(face, size) 默认为"Arial,Helvetica"与 2<br> <br> setSpeed(pps) 默认值为50<br> <br> addItem(str) 加入滚动内容<br> <br> 4.请按Script内的指示按你的需要修改，我已把重点部分翻译了。还有不明白的地方请到论坛发表。</p> </td> </tr> </table> </TD> <TD><IMG src="../images/space.gif" width=11 height="1"></TD> </TR></TABLE><!-- #EndEditable --><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY><!-- #EndTemplate --></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -