Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

javascript+css ʵÏÖtab¹¦ÄÜ

<!---------<html>
    <head>
        <style type="text/css">
.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}
.tabheader table tr td {margin:0;padding:0;border-width:0}
.tabheader .close {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  background-color: #d0d0d0;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}
.tabheader .open {
  border-style: solid;
  border-width: 1px;
  border-color: #000 #000 #fff #000;
  background-color: white;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}
.tabheader .spc {
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #fff #fff #000 #fff;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}
.tabheader a {text-decoration: none;}
.tabbody {
  border-color: black;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  padding: 1em;
}
</style>
<script language="JavaScript">
<!--
function seltab(bpref, hpref, id_max, selected) {
  if (! document.getElementById) return;
  for (i = 0; i <= id_max; i++) {
    if (! document.getElementById(bpref + i)) continue;
    if (i == selected) {
      document.getElementById(bpref + i).style.visibility = "visible";
      document.getElementById(bpref + i).style.position = "";
      document.getElementById(hpref + i).className = "open";
    } else {
     &n


Ïà¹ØÎĵµ£º

JavaScript »ñÈ¡¶ÔÏóµÄ¸ß¶ÈºÍ¿í¶ÈÏêϸ˵Ã÷

scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......

JavaScriptÈçºÎ»ñµÃinputÔªËØvalueÖµ

ÔÚÒ³ÃæÖÐÎÒÃÇ×î³£¼ûµÄÒ³ÃæÔªËØ¾ÍÊÇinputÁË£¬µ«ÊÇÎÒÃÇÈçºÎÓÃJavaScriptµÃµ½ÍøÒ³inputÖÐÊäÈëµÄvalueֵĨ£¬ÆäʵºÜ¼òµ¥£¬·½·¨Ò²²»Ö¹Ò»ÖÖ£¬¾ÝÎÒ×ܽá±È½Ï³£ÓõľÍÊÇÏÂÃæµÄÁ½ÖÖ·½·¨£¬Ïл°²»¶à˵ÁË£¬ÏÂÃæÄǾÍÀ´¿´¿´ÎÒ˵µÄ·½·¨°É£º
·½·¨Ò»¡¢



  function print(){
   var a=myform. ......

ʹÓÃĸ°æÒ³Ê±ÄÚÈÝÒ³ÈçºÎʹÓÃcssºÍjavascript

ÓÉÓÚÍøÕ¾µÄÖ÷ҪƵµÀÒ³ºÍÁбíÒ³µÄÍ·²¿ºÍµ×²¿¶¼ÊÇÒ»ÑùµÄ£¬Èç¹û½«Ã¿¸öÒ³Ãæ·ÅÔÚµ¥¶ÀµÄÒ³ÃæÖУ¬µ±Í·²¿ºÍµ×²¿ÐèÒª¸ü¸Äʱά»¤Á¿Ì«´ó¡£ÓÚÊÇÏë°ÑÍ·²¿ºÍµ×²¿×ö³Éĸ°æÒ³£¬ÆµµÀÒ³ºÍÁбíÒ³µÄ¾ßÌåÄÚÈݷŵ½ÄÚÈÝÒ³ÖС£ÕâÑùµ±Í·ºÍµ×ÐèÒª¸Ä¶¯Ê±£¬Ö»ÒªÐÞ¸ÄÒ»ÏÂĸ°æÒ³¾Í¿ÉÒÔÁË¡£
       ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²½Ó×ÅÀ´Á ......

JavaScriptµÄwindow¶ÔÏóµÄopen·½·¨

JavaScriptµÄwindow¶ÔÏóµÄopen·½·¨µÄÓï·¨¸ñʽÈçÏ£º
window.open("Ò³ÃæµÄURL","´°¿ÚÃû³Æ","´°¿Ú²ÎÊý");
Ò³ÃæµÄURL£ºÒ³ÃæµÄURL¿ÉÒÔÊÇÏà¶Ô·¾¶£¬Ò²¿ÉÒÔÊǾø¶Ô·¾¶¡£
´°¿ÚÃû³Æ£ºµ¯³ö´°¿ÚµÄÃû³Æ¿ÉÒÔ×ÔÐж¨Ò壬ËüµÄÒâÒåÔÚÓÚ£¬µ±ÄãË¢ÐÂԭʼµÄÕâҳȫ´°¿ÚµÄʱºò£¬µ¯³ö´°¿Ú¾Í»áË¢ÐÂÒ»´Î£»¶øÈç¹û°ÑÃû³ÆÊ¡ÂÔ£¬¸ÄΪ""£¬ÄÇôµ±Ë¢ÐÂÕâ ......

CSSÑùʽ±íѧϰһ

1. ¶¨ÒåÑùʽ
1.1 °´html±êÇ©¶¨Òå
ÀýÈ磺body{background-color:#999999; text-align:center}
1.2 °´ÀඨÒå
ÀýÈ磺.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 °´id¶¨Òå
ÀýÈ磺#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSSµÄλÖúÍÒýÓÃ
   ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ