Javascript技巧

   1 收藏本站
   2 
   3  
   4 收藏本站
   5 或：
   6 
  13  
  14 通用的加入收藏夹
  15  
  16 
  32 
  33 加入收藏夹
  34 在IE6-7. FF2.0 OP9.0中测试通过
  35 
  36 设为首页
  37 
  38  
  39 设为首页
  40  
  41 返回页首
  42 
  43  
  44 
  45  
  46 在原窗口中打开
  47 
  48  
  49 οnclick="location.href='http://www.xjcncn.com;" style="cursor:pointer;"
  50  
  51 
  52 
  53 在新窗口中打开
  54 
  55  
  56 οnclick="location.href='http://www.xjcncn.com';" style="cursor:pointer;" 
  57 
  58 
  59 
  60 前进
  61 
  62  
  63 
  64  
  65 
  66 
  67 后退
  68 
  69  
  70 
  71  
  72 
  73 
  74 关闭当前窗口
  75 
  76  
  77 关闭窗口 
  78 
  79 
  80 
  81 打印
  82 
  83  
  84  
  85 
  86 
  87 
  88 高亮显示的行
  89 
  90  
  91 onMouseOut="this.bgColor='';this.style.color='#000'" onMouseOver="this.bgColor='highlight';this.style.color='#fff'"
  92  
  93 事件源对象 
  94 event.srcElement.tagName 
  95 event.srcElement.type 
  96 捕获释放 
  97 event.srcElement.setCapture(); 
  98 event.srcElement.releaseCapture(); 
  99 事件按键 
 100 event.keyCode 
 101 event.shiftKey 
 102 event.altKey 
 103 event.ctrlKey 
 104 事件返回值 
 105 event.returnValue 
 106 鼠标位置 
 107 event.x 
 108 event.y 
 109 窗体活动元素 
 110 document.activeElement 
 111 绑定事件 
 112 document.captureEvents(Event.KEYDOWN); 
 113 访问窗体元素 
 114 document.all("txt").focus(); 
 115 document.all("txt").select(); 
 116 窗体命令 
 117 document.execCommand 
 118 窗体COOKIE 
 119 document.cookie 
 120 菜单事件 
 121 document.oncontextmenu 
 122 创建元素 
 123 document.createElement("SPAN"); 
 124 根据鼠标获得元素： 
 125 document.elementFromPoint(event.x,event.y).tagName=="TD 
 126 document.elementFromPoint(event.x,event.y).appendChild(ms) 
 127 窗体图片 
 128 document.images[索引] 
 129 窗体事件绑定 
 130 document.οnmοusedοwn=scrollwindow; 
 131 元素 
 132 document.窗体.elements[索引] 
 133 对象绑定事件 
 134 document.all.xxx.detachEvent('onclick',a); 
 135 插件数目 
 136 navigator.plugins 
 137 取变量类型 
 138 typeof($js_libpath) == "undefined" 
 139 下拉框 
 140 下拉框.options[索引] 
 141 下拉框.options.length 
 142 查找对象 
 143 document.getElementsByName("r1"); 
 144 document.getElementById(id); 
 145 定时 
 146 timer=setInterval('scrollwindow()',delay); 
 147 clearInterval(timer); 
 148 UNCODE编码 
 149 escape() ,unescape 
 150 父对象 
 151 obj.parentElement(dhtml) 
 152 obj.parentNode(dom) 
 153 交换表的行 
 154 TableID.moveRow(2,1) 
 155 替换CSS 
 156 document.all.csss.href = "a.css"; 
 157 并排显示 
 158 display:inline 
 159 隐藏焦点 
 160 hidefocus=true 
 161 根据宽度换行 
 162 style="word-break:break-all" 
 163 自动刷新 
 164  C> 
 165 简单邮件 
 166  
 167 快速转到位置 
 168 obj.scrollIntoView(true) 
 169 锚 
 170  
 171 anchors 
 172 网页传递参数 
 173 location.search(); 
 174 可编辑 
 175 obj.contenteditable=true 
 176 执行菜单命令 
 177 obj.execCommand 
 178 双字节字符 
 179 /[^\x00-\xff]/ 
 180 汉字 
 181 /[\u4e00-\u9fa5]/ 
 182 让英文字符串超出表格宽度自动换行 
 183 word-wrap: break-word; word-break: break-all; 
 184 透明背景 
 185  
 186 获得style内容 
 187 obj.style.cssText 
 188 HTML标签 
 189 document.documentElement.innerHTML 
 190 第一个style标签 
 191 document.styleSheets[0] 
 192 style标签里的第一个样式 
 193 document.styleSheets[0].rules[0] 
 194 防止点击空链接时，页面往往重置到页首端。 
 195 word 
 196 上一网页源 
 197 asp: 
 198 request.servervariables("HTTP_REFERER") 
 199 javascript: 
 200 document.referrer 
 201 释放内存 
 202 CollectGarbage(); 
 203 禁止右键 
 204 document.oncontextmenu = function() { return false;} 
 205 禁止保存 
 206  
 207 禁止选取> 
 208 favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下 
 209 收藏栏图标 
 210 > 
 211 查看源码 
 212  
 213 关闭输入法 
 214 > 
 215 自动全选 
 216  > 
 217 ENTER键可以让光标移到下一个输入框 
 218  
 219 文本框的默认值 
 220  > 
 221 title换行 
 222 obj.title = "123 sdfs " 
 223 获得时间所代表的微秒 
 224 var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() 
 225 窗口是否关闭 
 226 win.closed 
 227 
 228 checkbox扁平 
 229 
 
 230 获取选中内容 
 231 document.selection.createRange().duplicate().text 
 232 自动完成功能 
 233 打开该功能 
 234 关闭该功能 
 235 关闭窗口 
 236 window.close(); 
 237 返回 
 238 history.back(); 
 239 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); 
 240 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 
 241 encodeURIComponent对":"、"/"、";" 和 "?"也编码 
 242 高级应用(一) 
 243 
 244 页面跳转： 
 245 　　window.location.href('地址') 
 246 　　window.open('地址', '_self') 
 247 打开新窗口： 
 248 　　window.open('地址', '_blank') 
 249 　　只显示地址栏：window.open('地址', 'title', 'location=1, height=200, width=500') 
 250 　　只显示状态栏：window.open('地址', 'title', 'status=1') 
 251 　　只显示工具栏：window.open('地址', 'title', 'toolbar=1') 
 252 　　只显示菜单栏：window.open('地址', 'title', 'menubar=1') 
 253 　　一个不少：window.open('地址', 'title) 
 254 　　光棍但可以调整大小：window.open('地址', 'title', 'resizable=1') 
 255 去掉所有空格： 
 256 　　Object.replace(/^\s+|\s+$/g, "") 
 257 屏蔽鼠标： 
 258 　　οncοntextmenu="window.event.returnValue=false" 
 259 取消选取： 
 260 　　onselectstart="return false" 
 261 不允许粘贴： 
 262 　　οnpaste="return false" 
 263 关闭输入法： 
 264 　　 
 265 不允许另存为： 
 266 　　 
 267 得到上一页来源： 
 268 　　document.referrer 
 269 弹出窗口总在最上： 
 270 　　 
 271 弹出确认对话框： 
 272 　　comfirm('文本')" 
 273 　　 
 472 
 473 //获得控件的绝对位置(2) 
 474 
 475 oRect = obj.getBoundingClientRect(); 
 476 oRect.left 
 477 oRect. 
 478 
 479 
 480 //最小化,最大化,关闭 
 481 
 482  
 484  
 486  
 488  
 489  
 490  
 491 
 492 
 493 //光标停在文字最后 
 494 
 495 
 496  
 506  
 507 
 508 //页面进入和退出的特效 
 509 
 510 进入页面 
 511 推出页面 
 512 这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使 
 513 用哪种特效，取值为1-23: 
 514 　　0 矩形缩小 
 515 　　1 矩形扩大 
 516 　　2 圆形缩小 
 517 　　3 圆形扩大 
 518 　　4 下到上刷新 
 519 　　5 上到下刷新 
 520 　　6 左到右刷新 
 521 　　7 右到左刷新 
 522 　　8 竖百叶窗 
 523 　　9 横百叶窗 
 524 　　10 错位横百叶窗 
 525 　　11 错位竖百叶窗 
 526 　　12 点扩散 
 527 　　13 左右到中间刷新 
 528 　　14 中间到左右刷新 
 529 　　15 中间到上下 
 530 　　16 上下到中间 
 531 　　17 右下到左上 
 532 　　18 右上到左下 
 533 　　19 左上到右下 
 534 　　20 左下到右上 
 535 　　21 横条 
 536 　　22 竖条 
 537 　　23 
 538 
 539 
 540 //网页是否被检索  
 541 　　其中属性值有以下一些: 
 542 　　属性值为"all": 文件将被检索，且页上链接可被查询； 
 543 　　属性值为"none": 文件不被检索，而且不查询页上的链接； 
 544 　　属性值为"index": 文件将被检索； 
 545 　　属性值为"follow": 查询页上的链接； 
 546 　　属性值为"noindex": 文件不检索，但可被查询链接； 
 547 　　属性值为"nofollow": 
 548 
 549 
 550 //打印分页 
page1
 
 551 
page2
 
 552 
 553 //设置打印 
 554 
 555  
 559  
 560  
 561 
 562  
 586  
 587  
 588 
 
 589 具体使用手册，更多信息，点这里 
 590 
 591 
 592 //自带的打印预览 
 593 WebBrowser.ExecWB(1,1) 打开 
 594 Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口 
 595 Web.ExecWB(4,1) 保存网页 
 596 Web.ExecWB(6,1) 打印 
 597 Web.ExecWB(7,1) 打印预览 
 598 Web.ExecWB(8,1) 打印页面设置 
 599 Web.ExecWB(10,1) 查看页面属性 
 600 Web.ExecWB(15,1) 好像是撤销，有待确认 
 601 Web.ExecWB(17,1) 全选 
 602 Web.ExecWB(22,1) 刷新 
 603 Web.ExecWB(45,1) 关闭窗体无提示 
 604  
 608  
 610 
 611  
 612  
 613  
 614  
 615 
 
 616 
  
 617  
 618 
 619 //去掉打印时的页眉页脚 
 620 
 621  
 652  
 653  
 654 
 655 
 656 //浏览器验证 
 657 
 658 function checkBrowser() 
 659 { 
 660 this.ver=navigator.appVersion 
 661 this.dom=document.getElementById?1:0 
 662 this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0; 
 663 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
 664 this.ie4=(document.all && !this.dom)?1:0; 
 665 this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
 666 this.ns4=(document.layers && !this.dom)?1:0; 
 667 this.mac=(this.ver.indexOf('Mac') > -1) ?1:0; 
 668 this.ope=(navigator.userAgent.indexOf('Opera')>-1); 
 669 this.ie=(this.ie6 || this.ie5 || this.ie4) 
 670 this.ns=(this.ns4 || this.ns5) 
 671 this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope) 
 672 this.nbw=(!this.bw) 
 673 return this; 
 674 } 
 675 
 676 
 677 //计算内容宽和高 
 678 
 679  
 687  
 688 sdf 
 689  
 690 
 691 //无模式的提示框 function modelessAlert(Msg) 
 692 { 
 693 window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;"); 
 694 } 
 695 
 696 //屏蔽按键 
 697  
 698  
 699  
 700  
 701  
 702  
 703  
 704  
 740 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 
 741  
 742  
 743 
 744 
 745 //屏蔽打印 
 746  
 751 
 752 
 753 //移动的图层，拖动 
 754 
 755 1.this) οnmοusemοve=MouseMove() οnmοuseup=MouseUp()>meizz 
 756  
 782 2. 
 783 
 
 784 
wlecome 
 785 
 
 786  
 810 
 811 //文档状态改变 
 812 
 813  
 814  
 824 
 825 
 826 //刷新后不变的文本框  
 827  
 828  
 829  
 832  
 833  
 834  
 835  
 836 
 837
 838 //访问剪贴板 
 839
 840 event.dataTransfer.setData("URL", oImage.src);
 841 sImageURL = event.dataTransfer.getData("URL")
 842 (2)普通访问
 843 window.clipboardData.setData("Text",oSource.innerText);
 844 window.clipboardData.getData("Text");
 845
 846
 847 //操作COOKIE 
 848
 849 function SetCookie(sName, sValue)
 850 {
 851 document.cookie = sName + "=" + escape(sValue) + "; ";
 852 }
 853 function GetCookie(sName)
 854 {
 855 var aCookie = document.cookie.split("; ");
 856 for (var i=0; i < aCookie.length; i++)
 857 {
 858
 859 var aCrumb = aCookie.split("=");
 860 if (sName == aCrumb[0])
 861 return unescape(aCrumb[1]);
 862 }
 863
 864 }
 865 function DelCookie(sName)
 866 {
 867 document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;";
 868 }
 869
 870
 871 //setTimeout增加参数 
 872
 873 
 888
 889
 890 //自定义的apply,call 
 891
 892 Function.prototype.apply = function (obj, argu) {
 893 if (obj) obj.constructor.prototype._caller = this;
 894 var argus = new Array();
 895 for (var i=0;i)
 896 argus = "argu[" + i + "]";
 897 var r;
 898 eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
 899 return r;
 900 };
 901 Function.prototype.call = function (obj) {
 902 var argu = new Array();
 903 for (var i=1;i)
 904 argu[i-1] = arguments;
 905 return this.apply(obj, argu);
 906 };
 907
 908 //下载文件 
 909
 910 function DownURL(strRemoteURL,strLocalURL)
 911 {
 912 try
 913 {
 914 var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP");
 915 xmlHTTP.open("Get",strRemoteURL,false);
 916 xmlHTTP.send();
 917 var adodbStream=new ActiveXObject("ADODB.Stream");
 918 adodbStream.Type=1;//1=adTypeBinary 
 919 adodbStream.Open();
 920 adodbStream.write(xmlHTTP.responseBody);
 921 adodbStream.SaveToFile(strLocalURL,2);
 922 adodbStream.Close();
 923 adodbStream=null;
 924 xmlHTTP=null;
 925
 926 }
 927 catch(e)
 928 {
 929 window.confirm("下载URL出错!");
 930 }
 931 //window.confirm("下载完成."); 
 932 }
 933
 934 //检验连接是否有效 
 935
 936 function getXML(URL)
 937 {
 938 var xmlhttp = new ActiveXObject("microsoft.xmlhttp");
 939 xmlhttp.Open("GET",URL, false);
 940 try
 941 {
 942 xmlhttp.Send();
 943 }
 944 catch(e){}
 945 finally
 946 {
 947 var result = xmlhttp.responseText;
 948 if(result)
 949 {
 950 if(xmlhttp.Status==200)
 951 {
 952 return(true);
 953 }
 954 else
 955 {
 956 return(false);
 957 }
 958 }
 959 else
 960 {
 961 return(false);
 962 }
 963 }
 964 }
 965
 966 //POST代替FORM 
 967
 968 
1010
1011 //readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成 
1012
1013
1014 高级应用（二）
1015
1016
1017 //组件是否安装 
1018
1019 isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))
1020
1021 //检查网页是否存在 
1022
1023 function CheckURL(URL)
1024 {
1025 var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
1026 xmlhttp.Open("GET",URL, false);
1027 try
1028 {
1029 xmlhttp.Send();
1030 var result = xmlhttp.status;
1031 }
1032 catch(e) {return(false); }
1033 if(result==200)
1034 {
1035 return true;
1036 }
1037 xmlhttp = null;
1038 return false;
1039 }
1040
1041
1042 //连接数据库 
1043
1044 
1066
1067
1068 //使用数据岛 
1069
1070 
1071 
1072 srno：

1073 times：

1074 
1075 
1076 
1077 
1078 
1079
1080 
1081 
1082 20041025-01null
1083 20041101-092004年10月1日2点22分0秒
1084 
1085 
1086 
1087 
1088
1089
1090 //获得参数 
1091
1092 
1093 search
1094 
1109 
1110
1111 //可编辑SELECT 
1112
1113 
1114 11111111
1115 222222
1116 333333
1117 
1118 
1119
1120 //设置光标位置 
1121
1122 function getCaret(textbox)
1123 {
1124 var control = document.activeElement;
1125 textbox.focus();
1126 var rang = document.selection.createRange();
1127 rang.setEndPoint("StartToStart",textbox.createTextRange())
1128 control.focus();
1129 return rang.text.length;
1130 }
1131 function setCaret(textbox,pos)
1132 {
1133 try
1134 {
1135 var r =textbox.createTextRange();
1136 r.moveStart('character',pos);
1137 r.collapse(true);
1138 r.select();
1139 }
1140 catch(e)
1141 {}
1142 }
1143 function selectLength(textbox,start,len)
1144 {
1145 try
1146 {
1147 var r =textbox.createTextRange();
1148
1149 r.moveEnd('character',len-(textbox.value.length-start));
1150 r.moveStart('character',start);
1151
1152 r.select();
1153 }
1154 catch(e)
1155 {//alert(e.description)} 
1156 }
1157 function insertAtCaret(textbox,text)
1158 {
1159 textbox.focus();
1160 document.selection.createRange().text = text;
1161 }
1162
1163 //页内查找 
1164
1165 function findInPage(str)
1166 {
1167 var txt, i, found,n = 0;
1168 if (str == "")
1169 {
1170 return false;
1171 }
1172 txt = document.body.createTextRange();
1173 for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
1174 {
1175 txt.moveStart("character", 1);
1176 txt.moveEnd("textedit");
1177 }
1178 if (found)
1179 {
1180 txt.moveStart("character", -1);
1181 txt.findText(str);
1182 txt.select();
1183 txt.scrollIntoView();
1184 n++;
1185 }
1186 else
1187 {
1188 if (n > 0)
1189 {
1190 n = 0;
1191 findInPage(str);
1192 }
1193 else
1194 {
1195 alert(str + "... 您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找！");
1196 }
1197 }
1198 return false;
1199 }
1200
1201
1202 //操作EXECL 
1203
1204 
1227
1228
1229 //自定义提示条 
1230
1231 tip
1232 
1305
1306
1307 //插入文字 
1308
1309 document.onclick =function(){
1310 var oSource = window.event.srcElement;
1311 if(oSource.tagName!="DIV")
1312 return false;
1313 var sel = document.selection;
1314 if (sel!=null) {
1315 var rng = sel.createRange();
1316 if (rng!=null)
1317 rng.pasteHTML("插入文字");
1318 }
1319 }
1320
1321 //netscapte下操作xml 
1322
1323 doc = new ActiveXObject("Msxml2.DOMDocument");
1324 doc = new ActiveXObject("Microsoft.XMLDOM")
1325 ->>
1326 doc = (new DOMParser()).parseFromString(sXML,'text/xml')
1327
1328
1329 //禁止FSO 
1330
1331 1.注销组件
1332 regsvr32 /u scrrun.dll
1333 2.修改PROGID
1334 HKEY_CLASSES_ROOT\Scripting.FileSystemObject
1335 Scripting.FileSystemObject
1336 3.对于使用object的用户，修改HKEY_CLASSES_ROOT\Scripting.
1337
1338
1339 //省略号 
1340
1341 
width: 120px; height: 50px; border: 1px solid blue;
1342 overflow: hidden; text-overflow:ellipsis">
1343 就是比如有一行文字，很长，表格内一行显示不下.
1344 
1345
1346
1347 //判断键值 
1348
1349 
1350 
1351 
1352 
1379 
1380 
1381 //Javascript Document. 
1382 

1383 
1384 
请按任意一个键。。。。
1385 
1386 
1387 
1388
1389 //检测media play版本 
1390
1391 
1392 
1407
1408 //图象按比例 
1409
1410 
1445 
1446
1447 //细线SELECT 
1448
1449 
1450 
1451 1111
1452 11111111111111
1453 111111111
1454 
1455
1456
1457 //Import 
1458
1459 function Import() {
1460 for( var i=0; i ) {
1461 var file = arguments;
1462 if ( file.match(/\.js$/i))
1463 document.write('
1495
1496
1497 //取得innerText 
1498
1499
1500 
1515
1516
1517 //mergeAttributes 复制所有读/写标签属性到指定元素。 
1518
1519 
1524 
1525 <DIV
1526 ID="oDiv"
1527 ATTRIBUTE1="true"
1528 ATTRIBUTE2="true"
1529 οnclick="alert('click');"
1530 οnmοuseοver="this.style.color='#0000FF';"
1531 οnmοuseοut="this.style.color='#000000';"
1532 >
1533 This is a sample DIV element.
1534 

1535

1536 This is another sample DIV element. 1537

1538 1539 <INPUT 1540 TYPE="button" 1541 VALUE="Merge Attributes" 1542 οnclick="fnMerge()" 1543 > 1544 1545 1546 JavaScript[对象.属性]集锦 1547 SCRIPT 标记 1548 1549 用于包含javascript代码. 1550 1551 语法 1552 1553 属性 1554 1555 LANGUAGE 定义脚本语言 1556 1557 SRC 定义一个URL用以指定以.JS结尾的文件 1558 1559 1560 windows对象 1561 1562 每个HTML文档的顶层对象. 1563 1564 属性 1565 1566 frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. 1567 1568 feames.length 子桢个数. 1569 1570 self 当前窗口. 1571 1572 parent 父窗口(当前窗口是中一个子窗口). 1573 1574 top 顶层窗口(是所有可见窗口的父窗口). 1575 1576 status 浏览器状态窗口上的消息. 1577 1578 defaultStatus 当status无效时,出现在浏览器状态窗口上的缺省消息. 1579 1580 name 内部名,为由window.open()方法打开的窗口定义的名字. 1581 1582 方法 1583 1584 alert("message") 显示含有给定消息的"javascript Alert"对话框. 1585 1586 confirm("message") 显示含有给定消息的"Confirm"对话框(有一个OK按钮和一个Cancel按钮).如果用户单击OK返回true,否则返回false. 1587 1588 prompt("message") 显示一个"prompt"对话框,要求用户根据显示消息给予相应输入. 1589 1590 open("URL","name") 打开一个新窗口,给予一个指定的名字. 1591 1592 close() 关闭当前窗口. 1593 1594 1595 frame对象 1596 1597 它是整个浏览器窗口的子窗口,除了status,defaultStatus,name属性外,它拥有window对象的全部属性. 1598 1599 location对象 1600 1601 含有当前URL的信息. 1602 1603 属性 1604 1605 href 整个URL字符串. 1606 1607 protocol 含有URL第一部分的字符串,如http: 1608 1609 host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/ 1610 1611 hostname 包含URL中主机名的字符串.如http://www.cenpok.net 1612 1613 port 包含URL中可能存在的端口号字符串. 1614 1615 pathname URL中"/"以后的部分.如~list/index.htm 1616 1617 hash "#"号(CGI参数)之后的字符串. 1618 1619 search "?"号(CGI参数)之后的字符串. 1620 1621 1622 document对象 1623 1624 含有当前文档信息的对象. 1625 1626 属性 1627 1628 title 当前文档标题,如果未定义,则包含"Untitled". 1629 1630 location 文档的全URL. 1631 1632 lastModified 含有文档最后修改日期. 1633 1634 referrer 调用者URL,即用户是从哪个URL链接到当前页面的. 1635 1636 bgColor 背景色(#xxxxxx) 1637 1638 fgColor 前景文本颜色. 1639 1640 linkColor 超链接颜色. 1641 1642 vlinkColor 访问过的超链颜色. 1643 1644 alinkColor 激活链颜色(鼠标按住未放时). 1645 1646 forms[] 文档中form对象的数组,按定义次序存储. 1647 1648 forms.length 文档中的form对象数目. 1649 1650 links[] 与文档中所有HREF链对应的数组对象,按次序定义存储. 1651 1652 links.length 文档中HREF链的数目. 1653 1654 anchors[] 锚(...)数组,按次序定义存储. 1655 1656 anchors.length 文档中锚的数目. 1657 1658 方法 1659 1660 write("string") 将字符串突出给当前窗口.(字符串可以含有HTML标记) 1661 1662 writeln("string") 与write()类似,在结尾追加回车符,只在预定格式文本中(...或...)生效. 1663 1664 clear() 清当前窗口. 1665 1666 close() 关闭当前窗口. 1667 1668 1669 form对象 1670 1671 属性 1672 1673 name 1674 1675 中的NAME属性的字符串值. 1676 1677 method 中METHOD属性的类值,"0"="GET" ,"1"="POST" . 1678 1679 action 中ACTION属性的字符串值. 1680 1681 target 表格数据提交的目标,与标记中相应属性一致. 1682 1683 elements[index] elements属性包含form中的各个元素. 1684 1685 length 表格中的元素个数. 1686 1687 方法 1688 1689 submit() 提交表格. 1690 1691 事件处理器onSubmit() 用户单击一个定义好的按钮提交form时运行的代码. 1692 1693 text和textarea对象 1694 1695 属性 1696 1697 name NAME属性的字符串值. 1698 1699 value 域内容的字符串值. 1700 1701 defaultValue 域内容的初始字符串值. 1702 1703 方法 1704 1705 focus() 设置对象输入焦点. 1706 1707 blur() 从对象上移走输入焦点. 1708 1709 select() 选定对象的输入区域. 1710 1711 事件处理器 1712 1713 onFocus 当输入焦点进入时执行. 1714 1715 onBlur 当域失去焦点时执行. 1716 1717 onSelect 当域中有部分文本被选定时执行. 1718 1719 onChange 当域失去焦点且域值相对于onFocus执行有所改变时执行. 1720 1721 复选框(checkbox)对象 1722 1723 属性 1724 name NAME属性的字符串值. 1725 1726 value 复选框内容的字符串值.如果设置了,则为"on",否则为"off". 1727 1728 checked 复选框内容的布尔值.如果设置了,则为true,否则为false . 1729 1730 defaultChecked 反映(CHECKED)属性的布尔值(缺省状态). 1731 1732 方法 1733 1734 click() 选定复选框,并使之状态为"on". 1735 1736 事件处理器 1737 1738 onClick 当用户单击Checkbox时执行. 1739 1740 1741 单选按钮(radio)对象 1742 1743 属性 1744 1745 name NAME属性的字符串值. 1746 1747 length radio对象中单选按钮的个数. 1748 1749 value VALUE属性的字符串值. 1750 1751 checked 布尔值,按下为true,否则为false . 1752 1753 defaultChecked 反映CHECKED属性值的布尔值. 1754 1755 方法 1756 1757 click() 选定单选按钮. 1758 1759 事件处理器 1760 1761 onClick 当单选按钮被选定时执行. 1762 1763 1764 select对象 1765 1766 属性 1767 1768 length select对象中对象的个数. 1769 1770 name 由NAME=属性定义的select对象的内部名. 1771 1772 selectedIndex select对象中当前被选option的下标. 1773 1774 options 该属性对应于在HTML中定义select对象时标记中的内容,它有如下属性: 1775 1776 text 标记后的文本串. 1777 1778 value VALUE属性的值,当Submit按钮被按下时,该值被提交. 1779 1780 defaultSelected 反映标记的SELECTED属性的布尔值. 1781 1782 selected 反映option的当前选择状态的布尔值. 1783 1784 事件处理器 1785 1786 onFocus 当输入焦点进入域时执行. 1787 1788 onBlur 当域失去输入焦点时执行. 1789 1790 onChange 当域失去焦点且如果域的值相对于onFocus执行时有所改变,则执行onChange. 1791 1792 1793 Button对象 1794 1795 表格中有三种类型按钮,由标记中的TYPE属性定义: 1796 1797 .submit (type="SUBMIT") 1798 .reset (type="RESET") 1799 .custom (type="BUTTON") 1800 1801 所有按钮对象都有如下成分: 1802 属性 1803 1804 value VALUE属性的字符串值. 1805 1806 name NAME属性的字符串值. 1807 方法 1808 1809 click() 选定按钮 1810 1811 事件处理器 1812 1813 onClick 当按钮被单击时执行. 1814 1815 1816 submit和reset对象 1817 1818 属性 1819 1820 value VALUE=属性的内容. 1821 1822 name NAME=属性的内容. 1823 1824 方法 1825 1826 click() 选定按钮 1827 1828 事件处理器 1829 1830 onClick 当按钮被单击时执行. 1831 1832 1833 password对象 1834 1835 属性 1836 1837 defaultValue VALUE=属性的内容. 1838 1839 name NAME=属性的内容. 1840 1841 value 目前输入password域的数据. 1842 1843 方法 1844 1845 focus() 将焦点带入password域. 1846 1847 blur 将焦点从password域移出. 1848 1849 select() 选定password域中的当前数据,以备修改. 1850 1851 1852 navigator对象 1853 该对象用于确定用户访问时使用的Navigator版本. 1854 1855 属性 1856 1857 appCodeName 相对于用户浏览器的"codename" 1858 1859 appName 相对于用户浏览器的实际名字. 1860 1861 appVersion 相对于用户浏览器的版本号. 1862 1863 userAgent 该属性反映用户浏览器的全部信息. 1864 1865 1866 string对象 1867 1868 string对象为操作字符串的内容提供了很多方法. 1869 1870 属性 1871 1872 length 字符串的长度,即字符串中字符的个数. 1873 1874 方法 1875 1876 big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size) 1877 1878 以上方法为字符串增加相应的HTML标记. 1879 1880 charAt(index) 返回字符串中index处的字符. 1881 1882 indexOf(searchValue,[fromIndex]) 该方法在字符串中寻找第一次出现的searchValue.如果给定了fromIndex,则从 字符串内该位置开始搜索,当searchValue找到后,返回该串第一个字符的位置. 1883 1884 lastIndexOf(searchValue,[fromIndex]) 从字符串的尾部向前搜索searchValue,并报告找到的第一个实例. 1885 1886 substring(indexA,indexB) 获取自indexA到indexB的子串. 1887 1888 toLowerCase(),toUpperCase() 将字符串中所有字符全部转换成大写,小写. 1889 1890 1891 Date对象 1892 1893 要使用Date对象,必须先生成一个Date实例: 1894 1895 变量名=new Date(); 1896 1897 方法 1898 getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(), 1899 getTimeZoneOffset(),getYear() 1900 1901 还有setDay... ... 1902 1903 toGMTString() 用GMT格式返回当前时间. (Sun,12 Feb 1999 14:19:22 GMT) 1904 1905 toLocaleString 用locale格式返回当前时间. (03/11/99 14:19:22) 1906 1907 parse(date) 将普通date字符串转换成豪秒形式,从而给setTime()做参数. 1908 1909 1910 Math对象 1911 1912 属性 1913 1914 LN10 (10的自然对数) 1915 1916 PI (3.1415926...) 1917 1918 SQRT1_2 (1/2的平方根) 1919 1920 方法 1921 1922 abs(x) 返回x的绝对值 1923 acos(x) 返回x的arc cosine值 1924 asin(x) 返回x的arc sin值 1925 atan(x) 返回x的arc tangent值 1926 ceil(x) 返回大于等于x的最小整数 1927 cos(x) 返回x的cosine值 1928 exp(x) 返回e的x次方 1929 floor(x) 返回小于等于x的最大整数 1930 log(x) 返回x的 1931 max(x,y) 返回x,y中的大值 1932 min(x,y) 返回x,y中的小值 1933 pow(x,y) 返回x的y次方 1934 round(x) 舍入到最近整数,(小于或等于0.5小数舍去) 1935 sin(x) 返回x的sin值 1936 sqrt(x) 返回x的平方根 1937 tan(x) 返回x的tangent值 1938 1939 1940 弹窗代码汇总 1941 【0、超完美弹窗代码 】 1942 功能：5小时弹一次+背后弹出+自动适应不同分辩率+准全屏显示 1943 1944 代码： 1945 1982 1983 1984 【1、最基本的弹出窗口代码】 1985 1986 其实代码非常简单： 1987 1988 1993 因为着是一段＆#106avascripts代码，所以它们应该放在之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 1994 window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。 1995 这一段代码可以加入html的任意位置，和之间可以，间也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 1996 1997 1998 【2、经过设置后的弹出窗口】 1999 2000 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 2001 我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 2002 2008 参数解释： 2009 js脚本结束 2023 2024 2025 【3、用函数控制弹出窗口】 2026 2027 下面是一个完整的代码。 2028 2029 2030 2038 2039 2040 ...任意的页面内容... 2041 2042 2043 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 2044 怎么调用呢？ 2045 方法一： 浏览器读页面时弹出窗口； 2046 方法二： 浏览器离开页面时弹出窗口； 2047 方法三：用一个连接调用： 2048 打开一个窗口 2049 注意：使用的“#”是虚连接。 2050 方法四：用一个按钮调用： 2051 2052 2053 2054 【4、同时弹出2个窗口】 2055 2056 对源代码稍微改动一下： 2057 2067 为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。 2068 2069 注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。ok？ 2070 2071 2072 【5、主窗口打开文件1.htm，同时弹出小窗口page.html】 2073 2074 如下代码加入主窗口区： 2075 2082 加入区： 2083 open即可。 2084 2085 2086 【6、弹出的窗口之定时关闭控制】 2087 2088 下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的html中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？ 2089 2090 首先，将如下代码加入page.html文件的区： 2091 2095 然后，再用 这一句话代替page.html中原有的这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。) 2096 2097 2098 【7、在弹出窗口中加上一个关闭按钮】 2099 2100

2101 2102

2103 2104 呵呵，现在更加完美了！ 2105 2106 2107 【8、内包含的弹出窗口-一个页面两个窗口】 2108 2109 上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。 2110 2111 通过下面的例子，你可以在一个页面内完成上面的效果。 2112 2113 2114 2126 2127 2128 打开一个窗口 2129 2130 2131 2132 看看 openwindow.document.write()里面的代码不就是标准的html吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用openwindow.document.close()结束啊。 2133 【9、终极应用--弹出的窗口之cookie控制】 2134 2135 回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？yes! ;-) follow me. 2136 2137 我们使用cookie来控制一下就可以了。 2138 2139 首先，将如下代码加入主页面html的区： 2140 2165 然后，用（注意不是openwin而是loadpop啊！）替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的pop-only-once！ 2166 强力弹窗代码: 2167 2168 2430 JS代码判断集锦(之一) 2431 2432 2433 2574 2575 2683 2684 JS代码判断集锦（之二） 2685 2686 2687 2688 2689 2690 function trim(inputstr) //去处空格,在获取客户端录入的表单信息前， 2691 都先trim一下再提交 例如:“form1.org_name.value = trim(form1.org_name.value);” 2692 { 2693 if(!inputstr.length>0) return ""; 2694 var starts=0; 2695 var ends=inputstr.length; 2696 while(starts<ends) 2697 { 2698 if(inputstr.substring(starts,starts+1)==" ") 2699 starts++; 2700 else 2701 break; 2702 } 2703 while(starts<ends) 2704 { 2705 if(inputstr.substring(ends-1,ends)==" ") 2706 ends--; 2707 else 2708 break; 2709 } 2710 return inputstr.substring(starts,ends); 2711 } 2712 2713 function isvalidcode(inputs) //校验邮政编码 2714 { 2715 var i,temp; 2716 var isvalidcode = true; 2717 inputstr=trim(inputs); 2718 if(inputstr.length==null||inputstr.length==0||inputstr.length!=6) return false; 2719 for(i=0;i) 2720 { 2721 temp=inputstr.substring(i,i+1); 2722 2723 if(!(temp>="0" && temp<="9")) 2724 { 2725 isvalidcode=false; 2726 break; 2727 } 2728 } 2729 return isvalidcode; 2730 } 2731 2732 function isvalidtel(inputs) //校验电话号码 2733 { 2734 var i,temp; 2735 var isvalidtel = true; 2736 inputstr=trim(inputs); 2737 if(inputstr.length==null||inputstr.length==0) return false; 2738 for(i=0;i) 2739 { 2740 temp=inputstr.substring(i,i+1); 2741 2742 if(!(temp>="0" && temp<="9" || temp=="-")) 2743 { 2744 isvalidtel=false; 2745 break; 2746 } 2747 } 2748 return isvalidtel; 2749 } 2750 2751 function isrealnum(inputs) //校验实数（含小数点） 2752 { 2753 var i,temp; 2754 var isrealnum = true; 2755 inputstr=trim(inputs); 2756 if(inputstr.length==null||inputstr.length==0) return false; 2757 for(i=0;i) 2758 { 2759 temp=inputstr.substring(i,i+1); 2760 2761 if(!(temp>="0" && temp<="9" || temp==".")) 2762 { 2763 isrealnum=false; 2764 break; 2765 } 2766 } 2767 return isrealnum; 2768 } 2769 2770 function isnumeric(inputs) //校验是否整数 2771 { 2772 var i,temp; 2773 var isnumeric = true; 2774 inputstr=trim(inputs); 2775 if(inputstr.length==null||inputstr.length==0) return false; 2776 //isvalid = true; 2777 for(i=0;i) 2778 { 2779 temp=inputstr.substring(i,i+1); 2780 2781 if(!(temp>="0" && temp<="9")) 2782 { 2783 isnumeric=false; 2784 break; 2785 } 2786 } 2787 return isnumeric; 2788 } 2789 2790 function isvalidide(inputs) //校验身份证 2791 { 2792 var i,temp; 2793 var isvalidide = true; 2794 inputstr=trim(inputs); 2795 if(inputstr.length == null || inputstr.length == 0 || (inputstr.length != 15 && inputstr.length != 18)) return false; 2796 for(i=0;i) 2797 { 2798 temp=inputstr.substring(i,i+1); 2799 2800 if(!((temp>="0" && temp<="9") || temp == "x" || temp == "X")) 2801 { 2802 isvalidide=false; 2803 break; 2804 } 2805 } 2806 return isvalidide; 2807 } 2808 2809 function isvalidname(inputs) //校验账号2~15位（即只能是英文字母和数字组成的串） 2810 { 2811 var i,temp; 2812 var isvalidname = true; 2813 inputstr=trim(inputs); 2814 if(inputstr.length==null || inputstr.length==0 || inputstr.length > 15 || inputstr.length < 2) return false; 2815 for(i=0;i) 2816 { 2817 temp=inputstr.substring(i,i+1); 2818 2819 if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z"))) 2820 { 2821 isvalidname=false; 2822 break; 2823 } 2824 } 2825 return isvalidname; 2826 } 2827 2828 function isvalidphoto(inputs) //校验照片扩展名 2829 { 2830 var i,temp; 2831 var isvalidphoto = true; 2832 inputstr=trim(inputs); 2833 if(inputstr.length==null || inputstr.length==0) return true; //没有相片也允许的 2834 temp=inputstr.substring(inputstr.lastIndexOf(".")+1); 2835 2836 temp = temp.toLowerCase(); 2837 if(!(temp == "bmp" || temp == "jpg" || temp == "gif")) 2838 { 2839 isvalidphoto=false; 2840 } 2841 return isvalidphoto; 2842 } 2843 2844 function isvalidzgh(inputs) //校验职工号8位（即只能是英文字母和数字组成的串） 2845 { 2846 var i,temp; 2847 var isvalidzgh = true; 2848 inputstr=trim(inputs); 2849 if(inputstr.length==null || inputstr.length==0 || inputstr.length != 8) return false; 2850 for(i=0;i) 2851 { 2852 temp=inputstr.substring(i,i+1); 2853 2854 if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z"))) 2855 { 2856 isvalidzgh=false; 2857 break; 2858 } 2859 } 2860 return isvalidzgh; 2861 } 2862 2863 function isvalidxh(inputs) //校验学号7位（即只能是英文字母和数字组成的串） 2864 { 2865 var i,temp; 2866 var isvalidxh = true; 2867 inputstr=trim(inputs); 2868 if(inputstr.length==null || inputstr.length==0 || inputstr.length != 7) return false; 2869 for(i=0;i) 2870 { 2871 temp=inputstr.substring(i,i+1); 2872 2873 if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z"))) 2874 { 2875 isvalidxh=false; 2876 break; 2877 } 2878 } 2879 return isvalidxh; 2880 } 2881 2882 function isvalidkcid(inputs) //校验课程编号5位（即只能是数字组成的串） 2883 { 2884 var i,temp; 2885 var isvalidkcid = true; 2886 inputstr=trim(inputs); 2887 if(inputstr.length==null||inputstr.length==0||inputstr.length!=5) return false; 2888 for(i=0;i) 2889 { 2890 temp=inputstr.substring(i,i+1); 2891 2892 if(!(temp>="0" && temp<="9")) 2893 { 2894 isvalidkcid=false; 2895 break; 2896 } 2897 } 2898 return isvalidkcid; 2899 } 2900 2901 function isvalidnamee(inputs) //校验账号4~20位（即只能是英文字母和数字组成的串） 2902 { 2903 var i,temp; 2904 var isvalidname = true; 2905 inputstr=trim(inputs); 2906 if(inputstr.length==null || inputstr.length==0 || inputstr.length > 20 || inputstr.length < 4) return false; 2907 for(i=0;i) 2908 { 2909 temp=inputstr.substring(i,i+1); 2910 2911 if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z"))) 2912 { 2913 isvalidname=false; 2914 break; 2915 } 2916 } 2917 return isvalidname; 2918 } 2919 2920 2921 2981 2982 1. 禁止复制(copy),禁用鼠标右键! 2983 2984 3011 3025 3026 2. JS和HTML互转 3027 3028 3029 3034 在这里输入你需要转换的格式，可以是JavaScript也可以是DHtml. 3035
3036 <span style="color: #008080;">3037</span> 3038
3039 3040 清除输出 3041 3042 3043 全选代码 3044 3045 3046 拷贝代码 3047 3048 3049 粘贴代码 3050 3051 3052 Js转Html 3053 3054 3055 Html转Js 3056 3057 3058 点击显示源文件 3059 3060 3061 预览代码[F12] 3062 3063
3064 这个是输出格式的窗口: 3065
3066 3067
3068 一个不好的消息:这个Js转Html部分现在只是支持由这个程序生成的 3069
3070 作者:FlashSoft2000 QQ:14433548 3071 3072 3158 3159 3160 广告JS代码效果大全 3161 1.[普通效果] 3162 现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码： 3163 3164 3165 var delta=0.015 3166 var collection; 3167 function floaters() { 3168 this.items = []; 3169 this.addItem = 3170 function(id,x,y,content) 3171 { 3172 document.write('

typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'

'); 3173 3174 var newItem = {}; 3175 newItem.object = document.getElementById(id); 3176 newItem.x = x; 3177 newItem.y = y; 3178 3179 this.items[this.items.length] = newItem; 3180 } 3181 this.play = 3182 function() 3183 { 3184 collection = 3185 this.items 3186 setInterval('play()',10); 3187 } 3188 } 3189 function play() 3190 { 3191 if(screen.width<=800) 3192 { 3193 for(var i=0;i) 3194 { 3195 collection.object.style.display = 'none'; 3196 } 3197 return; 3198 } 3199 for(var i=0;i) 3200 { 3201 var followObj = collection.object; 3202 var followObj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x); 3203 var followObj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.y); 3204 3205 if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) { 3206 var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta; 3207 dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx)); 3208 followObj.style.left=followObj.offsetLeft+dx; 3209 } 3210 3211 if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) { 3212 var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta; 3213 dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy)); 3214 followObj.style.top=followObj.offsetTop+dy; 3215 } 3216 followObj.style.display = ''; 3217 } 3218 } 3219 3220 var theFloaters = 3221 new floaters(); 3222 theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'
' target=_blank); 3223 theFloaters.addItem('followDiv2',0,0,'
' target=_blank); 3224 theFloaters.play(); 3225 3226 把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可！注意修改广告图片地址和连接地址！ 3227 3228 3229 广告JS代码效果大全 3230 3231 2.[鼠标感应] 3232 与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码： 3233 3234 function bigshow(){ 3235 document.all.div_250.style.visibility = 'visible'; 3236 document.all.div_80.style.visibility = 'hidden'; 3237 } 3238 function bighide(){ 3239 document.all.div_80.style.visibility = 'visible'; 3240 document.all.div_250.style.visibility = 'hidden'; 3241 } 3242 3243 var ad_80= new Array(1); 3244 var ad_250= new Array(1); 3245 3246 ad_80[0]=""; 3247 ad_250[0]=""; 3248 3249 var imgheight; 3250 var fubioleft; 3251 window.screen.width>800 ? fubioleft=15:fubioleft=15 3252 3253 document.write('

'); 3254 3255 ad_now = new Date(); 3256 ad_id= ad_now.getSeconds() %1 3257 3258 var adhead1="

"; 3259 var adhead2="

"; 3260 3261 //var adhead1="

"; 3262 //var adhead2="

"; 3263 3264 document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"

"); 3265 3266 document.write ("

"); 3267 self.onError=null; 3268 currentX = currentY = 0; 3269 whichIt = null; 3270 lastScrollX = 0; lastScrollY = 0; 3271 NS = (document.layers) ? 1 : 0; 3272 IE = (document.all) ? 1: 0; 3273 function heartBeat() { 3274 if(IE) { 3275 diffY = document.body.scrollTop; 3276 diffX = document.body.scrollLeft; } 3277 if(NS) { 3278 diffY = self.pageYOffset; diffX = self.pageXOffset; } 3279 if(diffY != lastScrollY) { 3280 percent = .5 * (diffY - lastScrollY); 3281 if(percent > 0) percent = Math.ceil(percent); 3282 else percent = Math.floor(percent); 3283 if(IE) document.all.floater_left.style.pixelTop += percent; 3284 if(NS) document.floater_left.top += percent; 3285 lastScrollY = lastScrollY + percent; 3286 } 3287 if(diffX != lastScrollX) { 3288 percent = .5 * (diffX - lastScrollX); 3289 if(percent > 0) percent = Math.ceil(percent); 3290 else percent = Math.floor(percent); 3291 if(IE) document.all.floater_left.style.pixelLeft += percent; 3292 if(NS) document.floater_left.left += percent; 3293 lastScrollX = lastScrollX + percent; 3294 } 3295 } 3296 3297 if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1); 3298 var ad_250= new Array(1); 3299 3300 ad_80[0]=""; 3301 ad_250[0]=""; 3302 3303 var imgheight; 3304 var fubioleft; 3305 window.screen.width>800 ? fubioleft=15:fubioleft=15 3306 3307 document.write('

'); 3308 3309 ad_now = new Date(); 3310 ad_id= ad_now.getSeconds() %1 3311 3312 function myload() 3313 { 3314 if (navigator.appName == "Netscape") 3315 { 3316 document.div_right_80.pageX=+window.innerWidth-130; 3317 document.div_right_250.pageX=+window.innerWidth-300; 3318 mymove(); 3319 } 3320 else 3321 { 3322 div_right_80.style.left=document.body.offsetWidth-130; 3323 div_right_250.style.left=document.body.offsetWidth-300; 3324 mymove(); 3325 } 3326 } 3327 3328 function mymove() 3329 { 3330 if(document.ns) 3331 { 3332 document.div_right_80.left=pageXOffset+window.innerWidth-130; 3333 document.div_right_250.left=pageXOffset+window.innerWidth-300; 3334 setTimeout("mymove();",20) 3335 } 3336 else 3337 { 3338 div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145; 3339 div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300; 3340 setTimeout("mymove();",20) 3341 } 3342 } 3343 3344 var adhead1="

"; 3345 var adhead2="

"; 3346 3347 document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"

"); 3348 3349 myload() 3350 3351 document.write ("

"); 3352 self.onError=null; 3353 currentX_right = currentY_right = 0; 3354 whichIt_right = null; 3355 lastScrollX_right = 0; lastScrollY_right = 0; 3356 NS = (document.layers) ? 1 : 0; 3357 IE = (document.all) ? 1: 0; 3358 function heartBeat_right() { 3359 if(IE) { 3360 diffY_right = document.body.scrollTop; 3361 diffX_right = document.body.scrollLeft; } 3362 if(NS) { 3363 diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; } 3364 if(diffY_right != lastScrollY_right) { 3365 percent_right = .5 * (diffY_right - lastScrollY_right); 3366 if(percent_right > 0) percent_right = Math.ceil(percent_right); 3367 else percent_right = Math.floor(percent_right); 3368 if(IE) document.all.floater_right.style.pixelTop += percent_right; 3369 if(NS) document.floater_right.top += percent_right; 3370 lastScrollY_right = lastScrollY_right + percent_right; 3371 } 3372 if(diffX_right != lastScrollX_right) { 3373 percent_right = .5 * (diffX_right - lastScrollX_right); 3374 if(percent_right > 0) percent_right = Math.ceil(percent_right); 3375 else percent_right = Math.floor(percent_right); 3376 if(IE) document.all.floater_right.style.pixelLeft += percent_right; 3377 if(NS) document.floater_right.left += percent_right; 3378 lastScrollX_right = lastScrollX_right + percent_right; 3379 } 3380 } 3381 3382 if(NS || IE) action = window.setInterval("heartBeat_right()",1); 3383 function bigshow_right(){ 3384 document.all.div_right_250.style.visibility = 'visible'; 3385 document.all.div_right_80.style.visibility = 'hidden'; 3386 } 3387 function bighide_right(){ 3388 document.all.div_right_80.style.visibility = 'visible'; 3389 document.all.div_right_250.style.visibility = 'hidden'; 3390 }document.write(''); 3391 document.write(''); 3392 document.write(''); 3393 3394 3395 3396 3.[允许关闭] 3397 与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码： 3398 3399 var delta=0.015; 3400 var collection; 3401 var closeB=false; 3402 function floaters() { 3403 this.items = []; 3404 this.addItem = function(id,x,y,content) 3405 { 3406 document.write('

typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'

'); 3407 3408 var newItem = {}; 3409 newItem.object = document.getElementById(id); 3410 newItem.x = x; 3411 newItem.y = y; 3412 3413 this.items[this.items.length] = newItem; 3414 } 3415 this.play = function() 3416 { 3417 collection = this.items 3418 setInterval('play()',30); 3419 } 3420 } 3421 function play() 3422 { 3423 if(screen.width<=800 || closeB) 3424 { 3425 for(var i=0;i) 3426 { 3427 collection.object.style.display = 'none'; 3428 } 3429 return; 3430 } 3431 for(var i=0;i) 3432 { 3433 var followObj = collection.object; 3434 var followObj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x); 3435 var followObj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.y); 3436 3437 if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) { 3438 var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta; 3439 dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx)); 3440 followObj.style.left=followObj.offsetLeft+dx; 3441 } 3442 3443 if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) { 3444 var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta; 3445 dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy)); 3446 followObj.style.top=followObj.offsetTop+dy; 3447 } 3448 followObj.style.display = ''; 3449 } 3450 } 3451 function closeBanner() 3452 { 3453 closeB=true; 3454 return; 3455 } 3456 3457 var theFloaters = new floaters(); 3458 // 3459 theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'

'); 3460 theFloaters.addItem('followDiv2',0,0,'

'); 3461 theFloaters.play(); 3462 3463 3464 把上面的代码分别另存为两个JS文件，然后在想实现此效果的页面用 3465 3466 3467 3468 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！ 3469 3470 3471 广告JS代码效果大全 3472 3473 4.[浮动对联广告---之左侧代码] 3474 3475 如果您想只有一侧显示的话,下面是实现左侧效果所需代码： 3476 3477 var ad_float_left_src ="图片地址"; 3478 var ad_float_left_url ="地址"; 3479 var ad_float_left_type = ""; 3480 document.ns = navigator.appName == "Microsoft Internet Explorer" 3481 3482 var imgheight_close 3483 var imgleft 3484 window.screen.width>800 ? imgheight_close=120:imgheight_close=120 3485 window.screen.width>800 ? imgleft=8:imgleft=122 3486 function myload() 3487 { 3488 myleft.style.top=document.body.scrollTop+document.body.offsetHeigh 3489 t-imgheight_close; 3490 myleft.style.left=imgleft; 3491 leftmove(); 3492 } 3493 function leftmove() 3494 { 3495 myleft.style.top=document.body.scrollTop+document.body.offsetHeigh 3496 t-imgheight_close; 3497 myleft.style.left=imgleft; 3498 setTimeout("leftmove();",50) 3499 } 3500 3501 function MM_reloadPage(init) { //reloads the window if Nav4 3502 resized 3503 if (init==true) with (navigator) {if ((appName=="Netscape")&& 3504 (parseInt(appVersion)==4)) { 3505 document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; 3506 οnresize=MM_reloadPage; }} 3507 else if (innerWidth!=document.MM_pgW || innerHeight! 3508 =document.MM_pgH) location.reload(); 3509 } 3510 MM_reloadPage(true) 3511 3512 function close_float_left(){ 3513 myleft.style.visibility='hidden'; 3514 } 3515 3516 document.write("

" 3518 +"" 3523 +"" 3538 +"

"); 3524 3525 if(document.ns){ 3526 if(ad_float_left_type!="swf") 3527 document.write("3528 = '_blank'>3529 height=31 border=0>"); 3530 else 3531 document.write("3532 quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave- 3533 flash' id=changhongout >"); 3534 3535 document.write("

3536 align=right>3537 class=closefloat>关闭

" 3539 +"

"); 3540 3541 myload()} 3542 3543 3544 [ 5.背投广告] 3545 3546 3556 3557 3558 3559 [ 6.收缩广告] 3560 3561 3577 3578

3579 3580 3581 把上面的代码另存为三个*.JS文件，然后在想实现此效果的页面用 3582 3583 CODE: 3584 3585 3586 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整 3587 3588 js幻灯片播放器 3589 3590 var _c = 0; 3591 var _i = 0; 3592 var _v = 0; 3593 var _l = 0; 3594 var _sf = 3000; 3595 var _html = null; 3596 var _image = null; 3597 var _mycars= new Array(); 3598 var _w = new Array(); 3599 var _h = new Array(); 3600 3601 function adRotator() {} 3602 3603 function adRotator.add(p,w,h) 3604 { 3605 _mycars[_c] = p; 3606 _w[_c] = w; 3607 _h[_c] = h; 3608 _c = _c + 1; 3609 } 3610 3611 /* 播放设置 */ 3612 function adRotator.loads() 3613 { 3614 if (_i < _mycars.length && _l < 1) 3615 { 3616 _html = '' 3617 if (_v < 1) 3618 { 3619 document.getElementById('image').value = _html + ',' + _i; 3620 document.getElementById('rotatorPlayer').innerHTML = _html; 3621 _i = _i + 1; 3622 document.getElementById('backs').disabled=''; 3623 window.setTimeout("adRotator.loads("+_i+")",_sf); 3624 } 3625 } 3626 else 3627 { 3628 _html = '' 3629 document.getElementById('image').value = _html + ',' + _i; 3630 document.getElementById('rotatorPlayer').innerHTML = _html; 3631 } 3632 if (_i+1 > _mycars.length) 3633 { 3634 document.getElementById('stops').disabled='True'; 3635 document.getElementById('play').disabled=''; 3636 document.getElementById('backs').disabled=''; 3637 document.getElementById('next').disabled='True'; 3638 _i = 0; 3639 _v = 1; 3640 } 3641 } 3642 3643 /* 播放 */ 3644 function adRotator.play() 3645 { 3646 _v = 0; 3647 _l = 0; 3648 adRotator.loads(); 3649 } 3650 3651 /* 下一张 */ 3652 function adRotator.next() 3653 { 3654 _l = 1; 3655 if(_i+1 < _mycars.length) 3656 { 3657 _i = _i + 1; 3658 document.getElementById('play').disabled=''; 3659 document.getElementById('stops').disabled='True'; 3660 document.getElementById('backs').disabled=''; 3661 adRotator.loads(); 3662 } 3663 else 3664 { 3665 document.getElementById('next').disabled='True'; 3666 } 3667 } 3668 3669 /* 上一张 */ 3670 function adRotator.backs() 3671 { 3672 _l = 1; 3673 if(_i-1 < 0) 3674 { 3675 document.getElementById('backs').disabled='True'; 3676 } 3677 else 3678 { 3679 _i = _i - 1; 3680 document.getElementById('play').disabled=''; 3681 document.getElementById('stops').disabled='True'; 3682 document.getElementById('next').disabled=''; 3683 adRotator.loads(); 3684 } 3685 } 3686 3687 /* 间隔时间 */ 3688 function adRotator.set() 3689 { 3690 var _sfc = document.getElementById('second').value; 3691 if (isInteger(_sfc)) 3692 { 3693 _sf = _sfc * 1000; 3694 } 3695 else 3696 { 3697 alert('提示：只能输入数字！'); 3698 document.getElementById('second').value=1; 3699 document.getElementById('second').select(); 3700 } 3701 } 3702 3703 /* 字符检测 */ 3704 function isInteger(str) 3705 { 3706 var regu = /^[-]{0,1}[0-9]{1,}$/; 3707 return regu.test(str); 3708 } 3709 3710 /* 暂停 */ 3711 function adRotator.stops() 3712 { 3713 _v = 1; 3714 } 3715 3716 /* 添加图片,还要加的话注意图片名字就好了,后面400,300是大小 */ 3717 adRotator.add("1.jpg",400,300); 3718 adRotator.add("2.jpg",400,300); 3719 adRotator.add("3.jpg",400,300); 3720 3721 3722 把以上文件存为一个JS文件 3723 3724 在下面文件中引用即可 3725 3726 3758 3760 3761 3762 3763

3764 3765 3766 3767 3768 3769 3770 秒 3771 3772 3773 3774 3775 3776 一个非常棒的播放器,可惜如果图片是非常大的话,那结果有点惨! 3777 3778 本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/panxuan/archive/2007/11/26/1902826.aspx