BlogJava-Samuel Learning-文章分类-02 Script/CSShttp://www.blogjava.net/nobody_am/category/2022.htmlzh-cnThu, 24 Jan 2008 17:29:26 GMTThu, 24 Jan 2008 17:29:26 GMT60用层模拟弹出窗口http://www.blogjava.net/nobody_am/articles/177437.htmlMingIsMeMingIsMeThu, 24 Jan 2008 02:50:00 GMThttp://www.blogjava.net/nobody_am/articles/177437.html阅读全文

MingIsMe 2008-01-24 10:50 发表评论
]]>用层模拟对话框http://www.blogjava.net/nobody_am/articles/176275.htmlMingIsMeMingIsMeFri, 18 Jan 2008 08:44:00 GMThttp://www.blogjava.net/nobody_am/articles/176275.html阅读全文

MingIsMe 2008-01-18 16:44 发表评论
]]>javascript 大全 http://www.blogjava.net/nobody_am/articles/33538.htmlMingIsMeMingIsMeFri, 03 Mar 2006 12:50:00 GMThttp://www.blogjava.net/nobody_am/articles/33538.html阅读全文

MingIsMe 2006-03-03 20:50 发表评论
]]>上下滚动字幕http://www.blogjava.net/nobody_am/articles/32100.htmlMingIsMeMingIsMeThu, 23 Feb 2006 06:45:00 GMThttp://www.blogjava.net/nobody_am/articles/32100.html<table>
    <tr>
        <td>
            
<div id="marquees"> <!-- 这些是字幕的内容，你可以任意定义 --> 
    
<table  width=500 >
    <tr>
        <td>
            
<a href="#">早在年初本人就开始构思建立个人主页，因为工作忙迟迟没开工，现在由于朋友的催促和帮助指导，《转动的风车》终于在暑假后期问世。（8.26)</a>
</td>
</tr>
    <tr>
        <td>
<a href="#">到今天为止，本站共上传了近200个页面。（9.1)</a>
</td>
</tr>
    <tr>
        <td>
<a href="#">FLASH选修课案例完工，DW选修课案例可望在10、1前搞定。（9、9） </a>
</td>
</tr>
</table>

</div> 
    </td>
</tr>
</table>



<!-- 以下是javascript代码 -->
<script language="javascript">
<!--
marqueesHeight=80; //内容区高度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0，因为它会被撑大
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过，停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开，开始滚动
}
//这时候，内容区的高度是无法读取了。下面输出一个不可见的层"templayer"，稍后将内容复制到里面：
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer"，直到"templayer"的高度大于内容区高度：
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区：
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时，调用"scrollUp()"函数驱动滚动条：
setInterval("scrollUp()",20);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真，则停止滚动 
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了，则向上滚动到和当前画面一样的位置
//当然不仅如此，同样还要向下滚动一个像素(+1)：
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
</script>

MingIsMe 2006-02-23 14:45 发表评论
]]>鼠标提示特效示例代码http://www.blogjava.net/nobody_am/articles/20358.htmlMingIsMeMingIsMeFri, 18 Nov 2005 01:23:00 GMThttp://www.blogjava.net/nobody_am/articles/20358.html<SCRIPT language="javascript">
    function move(obj)
    {
      obj.style.top = event.clientY + document.body.scrollTop;
      obj.style.left = event.clientX + 10+ document.body.scrollLeft;
    }    
</script>
Part 2 Html code
<div id="title56" style="VISIBILITY: hidden; POSITION: absolute;left:300;border-style:dashed;border-color:gray;border-width:1;width:345;background-color:#ffffcc;">
                            <span class="text3">该项指标主要评价政府部门通过政府网站发布政府信息和实施信息公开情况，包括：信息栏目设置，部门领导、机构职责介绍，办事规程，规范性文件、通知、通告发布，人事任免、公务员招考以及部门政府信息公开目录、指南、网上依申请公开等。</span>
                    </div>
            <br>
          <table cellpadding="0" cellspacing="0" width=158 height=33  style="CURSOR: hand"  onmouseover="title56.style.visibility='visible';" onmouseout="title56.style.visibility='hidden';" onmousemove="move(title56)" >
                        <tr>
                        
                  <td align="center" valign="center" background="bg1.gif" class="text2" >信息公开</td>
                        </tr>
                    </table>


MingIsMe 2005-11-18 09:23 发表评论
]]>正则表达式收集http://www.blogjava.net/nobody_am/articles/16586.htmlMingIsMeMingIsMeMon, 24 Oct 2005 07:04:00 GMThttp://www.blogjava.net/nobody_am/articles/16586.html/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/
2.身份证
/^(\d{14}|\d{17})(\d|x)$/

附：正则表达式的使用方式
function isEmail(strEmail) {
       var myReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
       if(myReg.test(strEmail)) return true;
       return false;
  }


MingIsMe 2005-10-24 15:04 发表评论
]]>一个更完美的JavaScript日历控件http://www.blogjava.net/nobody_am/articles/14970.htmlMingIsMeMingIsMeSat, 08 Oct 2005 02:02:00 GMThttp://www.blogjava.net/nobody_am/articles/14970.html阅读全文

MingIsMe 2005-10-08 10:02 发表评论
]]>如何先跳一个Alert再进入一个指定页面？http://www.blogjava.net/nobody_am/articles/14124.htmlMingIsMeMingIsMeMon, 26 Sep 2005 09:02:00 GMThttp://www.blogjava.net/nobody_am/articles/14124.html

//Response.write("<script>alert('OK');</script>");
//Response.write("<script>window.location.href='gotopage.aspx';</script>);

而不能用Redirect()方法，因为javascript是在浏览器上运行。Redirect之后，前面response产生的javascript代码不会在新的页面出现，故不会有任何效果。



MingIsMe 2005-09-26 17:02 发表评论
]]>javascript验证日期输入http://www.blogjava.net/nobody_am/articles/7879.htmlMingIsMeMingIsMeSun, 17 Jul 2005 09:25:00 GMThttp://www.blogjava.net/nobody_am/articles/7879.htmlJava-script Code：
<script language = "Javascript">
/**
 * DHTML date validation script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/)
 */
// Declaring valid date character, minimum year and maximum year
var dtCh= "/";
var minYear=1900;
var maxYear=2100;
function isInteger(s){
 var i;
    for (i = 0; i < s.length; i++){   
        // Check that current character is number.
        var c = s.charAt(i);
        if (((c < "0") || (c > "9"))) return false;
    }
    // All characters are numbers.
    return true;
}
function stripCharsInBag(s, bag){
 var i;
    var returnString = "";
    // Search through string's characters one by one.
    // If character is not in bag, append to returnString.
    for (i = 0; i < s.length; i++){   
        var c = s.charAt(i);
        if (bag.indexOf(c) == -1) returnString += c;
    }
    return returnString;
}
function daysInFebruary (year){
 // February has 29 days in any year evenly divisible by four,
    // EXCEPT for centurial years which are not also divisible by 400.
    return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
}
function DaysArray(n) {
 for (var i = 1; i <= n; i++) {
  this[i] = 31
  if (i==4 || i==6 || i==9 || i==11) {this[i] = 30}
  if (i==2) {this[i] = 29}
   } 
   return this
}
function isDate(dtStr){
 var daysInMonth = DaysArray(12)
 var pos1=dtStr.indexOf(dtCh)
 var pos2=dtStr.indexOf(dtCh,pos1+1)
 var strMonth=dtStr.substring(0,pos1)
 var strDay=dtStr.substring(pos1+1,pos2)
 var strYear=dtStr.substring(pos2+1)
 strYr=strYear
 if (strDay.charAt(0)=="0" && strDay.length>1) strDay=strDay.substring(1)
 if (strMonth.charAt(0)=="0" && strMonth.length>1) strMonth=strMonth.substring(1)
 for (var i = 1; i <= 3; i++) {
  if (strYr.charAt(0)=="0" && strYr.length>1) strYr=strYr.substring(1)
 }
 month=parseInt(strMonth)
 day=parseInt(strDay)
 year=parseInt(strYr)
 if (pos1==-1 || pos2==-1){
  alert("The date format should be : mm/dd/yyyy")
  return false
 }
 if (strMonth.length<1 || month<1 || month>12){
  alert("Please enter a valid month")
  return false
 }
 if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){
  alert("Please enter a valid day")
  return false
 }
 if (strYear.length != 4 || year==0 || year<minYear || year>maxYear){
  alert("Please enter a valid 4 digit year between "+minYear+" and "+maxYear)
  return false
 }
 if (dtStr.indexOf(dtCh,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr, dtCh))==false){
  alert("Please enter a valid date")
  return false
 }
return true
}
function ValidateForm(){
 var dt=document.frmSample.txtDate
 if (isDate(dt.value)==false){
  dt.focus()
  return false
 }
    return true
 }
</script>
HTML Code
<form name="frmSample" method="post" action="" onSubmit="return ValidateForm()">
                <p>Enter a Date <font color="#CC0000"><b>(mm/dd/yyyy)</b></font> 
                  : 
                  <input type="text" name="txtDate" maxlength="10" size="15">
                </p>
                <p> 
                  <input type="submit" name="Submit" value="Submit">
                </p>
              </form>


MingIsMe 2005-07-17 17:25 发表评论
]]>Javascript定位表单控件的几种方式http://www.blogjava.net/nobody_am/articles/7877.htmlMingIsMeMingIsMeSun, 17 Jul 2005 09:21:00 GMThttp://www.blogjava.net/nobody_am/articles/7877.html方式1：
document.all.year.value='2002';

方式2：
document.all["year"].value= '2002';

方式3：
document.Form1.year.value='2002';

方式4：
document.getElementById('year')='2002'



MingIsMe 2005-07-17 17:21 发表评论
]]>Javascript控制表单的几个例子http://www.blogjava.net/nobody_am/articles/7876.htmlMingIsMeMingIsMeSun, 17 Jul 2005 09:20:00 GMThttp://www.blogjava.net/nobody_am/articles/7876.htmlJavascript控制Form隐藏/显示：

document.all['acitylookup'].style.display='';    //显示
document.all['acitylookup'].style.display='none';   //隐藏

Javascript控制Form有效/无效：
document.all['DaytimeVoucherPU1_txtPCity'].disabled='disabled';      //无效
document.all['DaytimeVoucherPU1_txtPCity'].disabled='';    //有效 

Javascript控制Form只读/读写：
document.all['txtBox'].readOnly=true    //只读
document.all['txtBox'].readOnly=false  //可读可写 

Javascript控制Form前景色和后景色：
document.Form1.txtPCity.style.backgroundColor = 'lightgrey';  //背景
document.Form1.txtPCity.style.color = 'gray';                 //前景 

Javascript验证email有效性：
    if(document.all['txtEmail_address'].value.match(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/)==null)
    {
        alert("填入了无效的EMail地址");
        return false;
    }

Javascript验证数字格式的字符串有效性：
if( (document.all["txtPhone"].value).trim().length>0)
    {
        if(isNaN(document.all['txtPhone'].value))
        {
            alert("电话号码字符必须是数字字符");
            return false;
        }
    }


MingIsMe 2005-07-17 17:20 发表评论
]]>javascript:去除字符串的前后空格http://www.blogjava.net/nobody_am/articles/7875.htmlMingIsMeMingIsMeSun, 17 Jul 2005 09:16:00 GMThttp://www.blogjava.net/nobody_am/articles/7875.html方法一:

function KillSpace(x){
  while((x.length>0) && (x.charAt(0)==' '))
    x = x.substring(1,x.length);
 //while((x.length>0) && (x.charAt(x.length-1)==' '))
 while(x.length>0)
    x = x.substring(0,x.length-1);
 alert("Kill=" + x + "==")
  return x;
}  

实例: var a = KillSpace(“  abc  “); //得出a == “abc“

方法二:

String.prototype.trim = function()
{
   return this.replace(/(^\s+)|\s+$/g,"");
 }

实例: var a = “ abc  “.trim();   //得出a == “abc“



MingIsMe 2005-07-17 17:16 发表评论
]]>