页面特效--飞飞Asp乐园http://www.ffasp.com/rss/rss.asp使用JS对select动态添加options操作 [IE&FireFox兼容]http://www.ffasp.com/content.asp?newsid=1410<select id="ddlResourceType" ></select> 动态删除select中的所有options： document.getElementById("ddlResourceType").options.length=0; 动态删除select中的某一项option： document.getElementById("ddlResourceType").options.remove(indx); 动态添加select中的项option: document.getElementById("ddlResourceType").options.add(new Option(text,value)); 上面在IE和FireFox都能测试成功，希望以后你可以用上。 其实用标准的DOM操作也可以，就是document.createElement，appendChild，removeChild之类的。 取值方面 function getvalue(obj) { var m=obj.options[obj.selectedIndex].value alert(m);//获取value var n=obj.options[obj.selectedIndex].text alert(n);//获取文本 }==============================================================================1 检测是否有选中 if (objSelect.selectedIndex > - 1 ) { // 说明选中 } else { // 说明没有选中 } 2 删除被选中的项 objSelect.options[objSelect.selectedIndex] = null ; 3 增加项 objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " ); 4 修改所选择中的项 objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " ); 5 得到所选择项的文本 objSelect.options[objSelect.selectedIndex].text; 6 得到所选择项的值 objSelect.options[objSelect.selectedIndex].value; ======================================================================<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS对select动态添加options操作[IE和FireFox兼容]</title> <script language="javascript" type="text/javascript"> function xlbchange(s){ switch (s){ case "1" : document.getElementById("lb").options.length=0; var soojs_value=[0Tue, 07 Jul 2009 15:44:29 GMT符合标准的对联广告代码http://www.ffasp.com/content.asp?newsid=1372<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>符合标准的正常工作的对联广告</title> <script language="JavaScript" type="text/javascript"> lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY =Tue, 05 May 2009 15:47:18 GMT使用js/javascript制作特殊的字符效果http://www.ffasp.com/content.asp?newsid=1333<html> <head> <title>特殊文字的制作</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body text=#00ff00 bgColor=black onload=e(d.q)> <center>特殊文字的制作</font></center> <br> <center> <table border=2 bordercolor=blue borderlight=green> <tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示</strong></font></td></tr> <tr><td align=left> <SCRIPT>d=document;wr='write';v=void 0;u='';sn='<span style="background-color:#00ff00;color:black;">';sa='</span>';function di(x,y){for(i=1;i<x;i++)d[wr](y);}d.layers?n4=1:n4=0;d.all?i4=1:i4=0;i4&&navigator.platform.indexOf('Mac')!=-1?i4=0:v;fn='font-family:Courier;font-size:12px;';!n4?vb='.g{background-color:black;border-color:green;border-style:solid;border-width:1px;color:#00ff00;'+fn+'}.h{background-color:#00FF00;border:none;color:black;'+fn+'}':vb=u;di(2,'<style>'+vb+'body{'+fn+'}<\/style>');el='elements';vl='value';ih='innerHTML';sp='　';br='<br>';a1='15';a2='1234';a3='12345';a4='234';a5='2345';a6='1';a7='3';a8='5';a9='135';b0='24';b1='23';b2='2';b3='14';b4='123';b5='4';b6='34';b7='235';f=new Array();f['A']=[a4,a1,a1,a3,a1,a1,a1];f['B']=[a2,a1,a1,a2,a1,a1,a2];f['C']=[a5,a6,a6,a6,a6,a6,a5];f['D']=[a2,a1,a1,a1,a1,a1,a2];f['E']=[a3,a6,a6,a2,a6,a6,a3];f['F']=[a3,a6,a6,a2,a6,a6,a6];f['G']=[a5,a6,a6,'1345',a1,a1,a5];f['H']=[a1,a1,a1,a3,a1,a1,a1];f['I']=[a3,a7,a7,a7,a7,a7,a3];f['J']=[a5,a8,a8,a8,a1,a1,a4];f['K']=[a1,b3,'13','12','13',b3,a1];f['L']=[a6,a6,a6,a6,a6,a6,a3];f['M']=[a1,'1245',a9,a1,a1,a1,a1];f['N']=[a1,a1,'125',a9,'145',a1,a1];f['O']=[a4,a1,a1,a1,a1,Mon, 23 Feb 2009 13:13:00 GMT图片上传预览，可显示文件大小，宽、高http://www.ffasp.com/content.asp?newsid=1265图片上传预览，可显示文件大小，宽、高 <HTML> <HEAD> <title>Upload Image</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </HEAD> <STYLE type="text/css"> * {font-size:9pt;font-family:SimSun} body {margin:0px;overflow:hidden} #upfile {width:100%} #preview {width:100%;height:100%;overflow:hidden;background-color:#808080;margin:auto} #pv {display:none} </STYLE> <script language="JScript"> var obImg = new Image(); var validExt = ".jpg|.jpeg|.gif|.bmp|.png|"; var bOK = false; function ShowInfo(sInfo) { document.all["info"].innerText = sInfo; } function CheckProperty() { if(obImg.readyState != "complete") { setTimeout("CheckProperty()",500); return; } bOK = true; var iImgSize = Math.round(obImg.fileSize / 1024 * 100) / 100; ShowInfo("图片大小：" + iImgSize + " KB 图片尺寸：" + obImg.width + " x " + obImg.height); var iContentWidth = document.all["preview"].offsetWidth; var iContentHeight = document.all["preview"].offsetHeight; if(obImg.width > iContentWidth || obImg.height > iContentHeight) { if(obImg.width <= iContentWidth) { document.all["pv"].height = iContentHeight; document.allTue, 21 Oct 2008 10:35:03 GMT文件上传前台控制检测预览程序 v0.6http://www.ffasp.com/content.asp?newsid=1264文件上传前台控制检测预览程序 v0.6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文件上传前台控制检测预览程序 v0.6</title> <style> body,td{font-size:12px;} </style> <script language=javascript> var ImgObj=new Image(); //建立一个图像对象 var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//全局变量图片相关属性 //以下为限制变量 var AllowExt=".jpg|.gif|.doc|.txt|" //允许上传的文件类型 ?为无限制 每个扩展名后边要加一个"|" 小写字母表示 //var AllowExt=0 var AllowImgFileSize=70; //允许上传图片文件的大小 0为无限制 单位：KB var AllowImgWidth=500; //允许上传的图片的宽度 ?为无限制　单位：px(像素) var AllowImgHeight=500; //允许上传的图片的高度 ?为无限制　单位：px(像素) HasChecked=false; function CheckProperty(obj) //检测图像属性 { FileObj=obj; if(ErrMsg!="") //检测是否为正确的图像文件　返回出错信息并重置 { ShowMsg(ErrMsg,false); return false; //返回 } if(ImgObj.readyState!="complete") //如果图像是未加载完成进行循环检测 { setTimeout("CheckProperty(FileObj)",500); return false; } ImgFileSize=Math.round(ImgObj.fileSize/1024*100)/100;//取得图片文件的大小 ImgWidth=ImgObj.width //取得图片的宽度 ImgHeight=ImgObj.height; //取得图片的高度 FileMsg="\n图片大小:"+ImgWidth+"*"+ImgHeight+"px"; FileMsg=FTue, 21 Oct 2008 10:25:10 GMT图片上传前预览缩略图http://www.ffasp.com/content.asp?newsid=1263图片上传前预览缩略图 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带有图片预览功能的上传表单webjx.com</title> <script> function viewmypic(mypic,imgfile) { if (imgfile.value){ mypic.srcTue, 21 Oct 2008 10:24:40 GMT兼容ie6,ie7,ff的jq(jquery)颜色选择器插件（拾色器）http://www.ffasp.com/content.asp?newsid=1256兼容ie6,ie7,ff的jq(jquery)颜色选择器插件 /* * $-color 0.1 - New Wave Javascript * * Copyright (c) 2008 King Wong * 修改后实现： * 1.兼容IE6，IE7，FF * 2.鼠标离开颜色选择器，则颜色选择器自动消失 * 3.调整了颜色选择器的初始位置 * 4.将颜色选择器的颜色值显示项的属性更改为只读 * 5.默认选择框ipunt字体加粗 * 6.默认选择框字体颜色为所选颜色 * 7.默认选择框字体大写 * 8.不会被 <select>遮盖 * $Date: 2008-10-1 $ * 版权属于原作者 * 修改：飞飞（QQ：276230416） * */(function($){ $.fn.extend({ selectColor:function(){ var _d = new Date(); var _tem = _d.getTime(); var t; return this.each(function(){ var showColor = function(_obj){ var _left = parseInt($(_obj).offset().left); var _top = parseInt($(_obj).offset().top); var _width = parseInt($(_obj).width())/2; var _height = parseInt($(_obj).height()); var _maxindex = function(){ var ___index = 0; $.each($("*"),function(i,n){ var __tem = $(n).css("z-index"); if(__tem>0) { if(__tem > ___index) { ___index = __tem + 1; } } }); return ___index; }(); var colorH = new Array('00','33','66','99','CC','FF'); var ScolorH = new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF'); var _str = new Array(); for(var n = 0 ; n < 6 ; n++) { _str.push('<tr height="11">'); _str.push('<td style="width:11px;background-color:#'+colorH[n]+colorH[n]+colorH[n]+'"></td>'); for(var i = 0 ; i < 3; i++) { Thu, 16 Oct 2008 15:52:58 GMT符合标准的页面颜色选择（器）js插件http://www.ffasp.com/content.asp?newsid=1255符合标准的页面颜色选择（器）js插件<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>颜色对话框</title> </head> <body> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> 请点击文本框： <input type="text" id="sss" onclick="DisplayClrDlg(this)" /> <input type="text" id="dd" onclick="DisplayClrDlg(this)"/> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <script type="text/javascript" language="javascript"> <!-- //*************************************************** //插件主要部分来自于网上，使用优化作者：飞飞 //QQ:276230416 //演示地址：http://www.ffasp.com/content.asp?newsid=1255 //*************************************************** //欢迎讨论交流 //*************************************************** //使用说明： // 把以下的js放在页面内的任意位置，在需要调用使用颜色选择插件的 //地方添加如下代码： //onmouseover="DisplayClrDlg(this)" 或 onClick = "DisplayClrDlg(this)" //*************************************************** var ColorHex=new Array('00','33','66','99','CC','FF'); var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF'); var current=null; var t; function intocolor(TipId) { var colorTable=''; current = null; for (i=0;i<2;i++) { for (j=0;j<6;j++) { colorTable=colorTable+'<tr height="12">' colorTable=colorTable+'<td width="11" style=&quotThu, 16 Oct 2008 07:31:54 GMT颜色选择器http://www.ffasp.com/content.asp?newsid=1220颜色选择器<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---推荐另一种色带制作方法</title> </head> <body> <input id='Info1'><br> <input id='Info2'><br> <input id='Info3'><br> <span id=ColorDiv style='width:200;height:200;'></span> <script> var iW = '70';//共有6种颜色，每种颜色的宽为iW。iW*6为色带的宽。 var iH = '400';//iH为色带的高。 var H,S,V; function HSV(){ var pX = event.offsetX; var pY = event.offsetY; var HalfH = parseInt(iH/2); H = parseInt(pX*360/(iW*6)); if(event.offsetY < HalfH){ S = pY/HalfH; V = 1; } else{ S = 1; V = (iH-pY)/HalfH; } Info1.value = 'H:'+H+' S:'+parseInt(S*100)+'% V:'+parseInt(V*100)+'%'; HSVtoRGB(); RGBtoHTML(); } var R,G,B; function HSVtoRGB(){ var r,g,b; var k = (H%60)/60; var c1 = V*(1-S); var c2 = V*(1-S*k); var c3 = V*(1-S*(1-k)Sun, 31 Aug 2008 23:57:20 GMT页面加载loading特效http://www.ffasp.com/content.asp?newsid=1219页面加载loading特效<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---页面加载loading特效</title> </HEAD> <body style="background:black"> <div style="position:absolute;width:322;height:14;border:1 #707888 solid;overflow:hidden"> <div style="position:absolute;top:-1;left:0" id="pimg"> </div> </div> <div style="position:absolute;top:30;left:120;font-size:9pt;color:#f4f4f4" id="abc&quSun, 31 Aug 2008 23:56:22 GMT