Sugo

Goof off ? no way: never
posts - 20, comments - 8, trackbacks - 73, articles - 1
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

2008年1月14日

JTable如果在编辑状态下,当要保存的时候,比如直接点保存按钮,得到的数据不是编辑状态下的数据,琢磨出一个方法,记录一下:
      i和j表示正在被编辑的行号列号
       CellEditor   ce   =   md.getCellEditor(i,j);
       //CellEditor   ce   =   md.getCellEditor(md.getEditingRow(), md.getEditingColumn());    
       ce.stopCellEditing();  
       Object   value   =   ce.getCellEditorValue();  
      // model.setValueAt(value,md.getEditingRow(), md.getEditingColumn());
       model.setValueAt(value,i,j);

posted @ 2008-01-14 21:30 sugo 阅读(1384) | 评论 (0)编辑 收藏

2007年12月25日

     获取网卡物理地址:
         String cmd="ipconfig /all";
         Process p=Runtime.getRuntime().exec(cmd);
         BufferedReader bis=new BufferedReader(new InputStreamReader(p.getInputStream()));
         String line="";
         while((line=bis.readLine())!=null){
           if(line.indexOf("Physical Address")!=-1){
             Pattern ptn=Pattern.compile("((\\w{2})|(\\d{2})|(\\w+\\d+)|(\\d+\\w+))-.*");
              Matcher m=ptn.matcher(line.trim());
              while(m.find()){
                System.out.println("get mac  "+m.group());
              }
           }
          }

posted @ 2007-12-25 16:47 sugo 阅读(359) | 评论 (0)编辑 收藏

2007年11月22日

闲暇之余写的坦克小游戏,源码贴出来,有意见和疑问请留言,共同进步

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
 var missleno=0;
 var energy=100;
 var enemytimer;
 function document.onkeydown()

  if (window.event.keyCode==37)   // 方向键 <-
  { 
    var temp=document.getElementById("sg");
 temp.style.pixelLeft-=10;
   }
  else if (window.event.keyCode==39)   // 方向键 ->
  { 
    var temp=document.getElementById("sg");
 temp.style.pixelLeft+=10;
   }
   else if (window.event.keyCode==40){
     var temp=document.getElementById("sg");
  temp.style.pixelTop+=10;
 // temp.style.height=66px;

   }
   else if(window.event.keyCode==38){  //  up ^
     //alert(window.event.keyCode);
  var temp=document.getElementById("sg");
  temp.style.pixelTop-=10;
   }
   else if(window.event.keyCode==32){
     fire(missleno);
     missleno++;
   }
   // else{
 // var temp=document.getElementById("missle1000");
 // if(temp==null){
 //  alert('null');
 // }
 //}
}
 function fire(mno){
   var no=mno;
   var temp=document.getElementById("sg");
   tt=document.createElement("div");
   cont=document.createTextNode("=");
   tt.appendChild(cont);
   tt.id="missle"+no;
   // missleno++;
   tt.style.position="absolute";
   // var obj=eval("sg"+num);
   tt.style.pixelTop=temp.style.pixelTop+15;
   tt.style.pixelLeft=temp.style.pixelLeft+60;
   document.body.appendChild(tt);
   move(no);
 }
 function move(mno){
   var no=mno;
   var temp=document.getElementById("missle"+no);
   // var temphn=document.getElementById("hn");
   temp.style.pixelLeft+=5;
   var result=monitor_missle(no); //监控子弹是否打中
   //alert(result);
   if(result!='stop'){
     if(temp.style.pixelLeft!=1000){
      setTimeout("move("+no+")",20);
     }
     else if(temp.style.pixelLeft==1000){ //消除子弹
       temp.parentNode.removeChild(temp);
     }
   }
 }
  function showpos(){
   var temp=document.getElementById("hn");
   alert(temp.style.pixelLeft);
  }
  function flush(){
   var temp=document.getElementById("hn");
   //temp.parentNode.removeChild(temp);
   temp.style.display="none";
   temp=document.getElementById("missle"+missleno);
   temp.parentNode.removeChild(temp);
  }
  function initEnemy(){
    tt=document.createElement("div");
    cont=document.createTextNode("enemy");
    tt.appendChild(cont);
    tt.id="enemy";
    tt.style.position="absolute";
    // var obj=eval("sg"+num);
    tt.style.pixelTop=390;
    tt.style.pixelLeft=900;
 tt.style.border="dashed thick #008022";
 tt.style.width="36px";
 tt.style.padding="2px 4px 0px 4px";
 tt.style.background="#ff3303";
 tt.style.color="#FFFFEE";
    document.body.appendChild(tt);
 enemy_move();
  }
  function monitor(){
   var enemy=document.getElementById("enemy");
   for(var t=0;t<missleno;t++){
     var temp=document.getElementById("missle"+t);
  if(temp==null)
   continue;
     else{
  if(((enemy.style.pixelTop-10)<temp.style.pixelTop) &&((enemy.style.pixelTop+10)>temp.style.pixelTop) &&  (temp.style.pixelLeft>=enemy.style.pixelLeft)){
    energy--;
    temp.parentNode.removeChild(temp);
    alert(energy);
   }
  }
   }
 
  }
  function monitor_missle(mno){
   var t=mno;
   var enemy=document.getElementById("enemy");
   var temp=document.getElementById("missle"+t);
  if((temp!=null)&&(enemy!=null)){
   if(((enemy.style.pixelTop-10)<temp.style.pixelTop) &&((enemy.style.pixelTop+10)>temp.style.pixelTop) &&  (temp.style.pixelLeft>=enemy.style.pixelLeft)){
    energy--;
    var blood=document.getElementById("bld");
    blood.innerHTML=energy;
    temp.parentNode.removeChild(temp);
    if(energy==0){
    enemy.parentNode.removeChild(enemy);
    clearTimeout(enemytimer);
   // enemy.style.display="none";
    alert("YOU WIN,CONGRATULATIONS!");
    }
    return 'stop';
   }
  }
  return 'continue';
  }
  function enemy_move(){
 
  var enemy=document.getElementById("enemy");
  enemy.style.pixelLeft-=10;
  enemytimer=setTimeout("enemy_move()",1000);
  }
 
//-->
</SCRIPT>
<BODY>
<div style="border: dashed thick #008000; width:36px; text-align:center;  padding:2px 4px 0px 4px; background:#ff3300; color:#FFFFFF;position:absolute" id="sg" >sugo</div>
<!-- <div style="border: dashed thick #008000; width:36px; text-align:center;  padding:2px 4px 0px 4px; background:#ff3300; color:#FFFFFF;position:absolute;left=1000;top=500" id="hn">hanna</div>  -->
<SCRIPT LANGUAGE="JavaScript">
<!--
  initEnemy();
 // setInterval("monitor()",500);
//-->
</SCRIPT>
<div id="bld"></div>
</BODY>
</HTML>

posted @ 2007-11-22 18:10 sugo 阅读(408) | 评论 (0)编辑 收藏

2007年7月30日

     实现了控制随机生成的一个六位字符串下落,可以向左、向右、向下加速。实现的功能仿照俄罗斯方块来做,本来想实现上下两行相同字母消除功能,但想起一个方法(代码中的erase()方法),感觉没问题,但一直没有实现,后来也懒得想了。现将代码贴在这里,希望读到这篇文章的朋友如果感兴趣的话提出宝贵意见,并可以随意拷贝代码完善功能:)
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Sugo">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var incx=10;//每次下落的高度
var sty=20; //开始时候的纵坐标
var stx=500; //开始时候的横坐标
var num=0; //每个div标号,同时也起到确定下一个div元素停止的位置
var len=10;
var timer;//定时器
//var arr0,arr1,arr2,arr3,arr4,arr5,arr6,arr7,arr8,arr9,arr10,arr11,arr12,arr13,arr14,arr15; //用于字母消除作用的数组,此功能没实现,这些变量可以不用
//初始字符串初始位置
function firstshow(){ 
 //temp=document.getElementById("sg");
 sg0.style.pixelTop=sty;
 sg0.style.pixelLeft=stx;
 
}
//增加字符串
function addDiv(){
 tt=document.createElement("div");
 divcontent=randomString(6);
 cont=document.createTextNode(divcontent);
 tt.appendChild(cont);
 tt.id="sg"+num;
 tt.style.position="absolute";
// var obj=eval("sg"+num);
 tt.style.pixelTop=10;
 tt.style.pixelLeft=500;
 document.body.appendChild(tt);
 
}

//字符串下落方法
 function fall(id){
   var obj=eval("sg"+id);
  
  obj.style.pixelTop+=incx;
  obj.style.pixelLeft=stx;
  if(obj.style.pixelTop==(610-len*num)){   //到达目的地址时(下落到610处,此处可随意改动)
   obj.style.pixelTop=610-len*num;
   //erase(); 功能没有实现
   num++;
   addDiv();
   fall(num);
  }
  else if(obj.style.pixelTop<(610-len*num)) //没有到达目的地址时
  timer = setTimeout('fall(num)',1000); //1000可以换成任意数字,越小下落速度越快
  else if(obj.style.pixelTop>(610-len*num)) //处理出现地址大于目的地址时
  {
  }
 }
 //当使用方向键操作时使用的下落方法
 function fall1(id,sx,sy){
   var obj=eval("sg"+id);
  
  obj.style.pixelTop=sy+incx;
  obj.style.pixelLeft=sx;
  y=obj.style.pixelTop;
  x=obj.style.pixelLeft;
  if(obj.style.pixelTop==(610-len*num)){   //到达目的地址时
   obj.style.pixelTop=610-len*num;
   //erase(); 功能没有实现
   num++;
   addDiv();
   fall(num);
  }
  else if(obj.style.pixelTop<(610-len*num)) //没有到达目的地址时
  timer = setTimeout('fall1(num,x,y)',1000); //1000可以换成任意数字,越小下落速度越快
  else if(obj.style.pixelTop>(610-len*num)) //处理出现地址大于目的地址时
  {
  }
 }
//产生随机六位字符串
 function randomString(leng){
   var source="abcdefghijklmnopqrstuvwxyz";
   var result="";
   for(var i=0;i<leng;i++){
  
    result+=source.charAt(Math.random()*source.length)
   }
   return result;
 }
 //键盘控制
 function document.onkeydown()

  if (window.event.keyCode==37)   // 方向键 <-
  { 
    var temp=document.getElementById("sg"+num);
 temp.style.pixelLeft-=8;
 x=temp.style.pixelLeft;
 y=temp.style.pixelTop;
 clearTimeout(timer);
    fall1(num,x,y-10);
   }
  else if (window.event.keyCode==39)   // 方向键 ->
  { 
    var temp=document.getElementById("sg"+num);
 temp.style.pixelLeft+=8;
 x=temp.style.pixelLeft;
 y=temp.style.pixelTop;
 clearTimeout(timer);
    fall1(num,x,y-10);
   }
   else if (window.event.keyCode==40){ //方向键 |
     var temp=document.getElementById("sg"+num);
  temp.style.pixelTop+=10;
     x=temp.style.pixelLeft;
  y=temp.style.pixelTop;
  clearTimeout(timer);
     fall1(num,x,y-10);
   }
}
//字母消除程序,暂时不能实现功能
 function erase(){
  var pos=new Array();
  for(var i=0;i<=num;i++){ //得到所有存在的div每个字符的位置值
    dpos=document.getElementById("sg"+i);
 x=dpos.style.pixelLeft;
 //content=dpos.value;
    obj=eval("arr"+i);
 obj=new Array();
 for(var j=0;j<6;j++){
   obj[j]=x+j;
 }
 pos[i]=obj;
  }
 //alert(num);
  if(num>=1){
   
    for(t=num-1;t<num;t++){
   for(tt=0;tt<6;tt++){
     for(ttt=0;ttt<6;ttt++){
  // alert(pos[t][ttt]);
    if(pos[t][tt]==pos[t+1][ttt]){
    // alert("here"+tt+"  "+ttt);
      mod1=document.getElementById("sg"+t);
   mod2=document.getElementById("sg"+(t+1));
      var rep1="",rep2="";
   for(var l=0;l<mod1.innerHTML.length;l++){
     if(l!=tt){
     rep1+=mod1.innerHTML.charAt(l);
     }
     else{
     rep1+="-";
     }
   }
   mod1.innerHTML=rep1;
   //rep1='';
   //alert(mod1.innerHTML);
   for(var ll=0;ll<mod2.innerHTML.length;ll++){
     if(ll!=ttt){
      rep2+=mod2.innerHTML.charAt(ll);
     }
     else{
      rep2+="-";
              }
   }
   mod2.innerHTML=rep2;
   //rep2='';
    }
  }
      }
    }
  }
 }
//-->
</SCRIPT>
<BODY onload="firstshow();" >

<div id="sg0" style="position:absolute"><SCRIPT LANGUAGE="JavaScript">
<!--
document.write(randomString(6));  //6可以改为任意数字,数字即是字符串的长度
//-->
</SCRIPT></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
  fall(0);
//-->
</SCRIPT>
</BODY>
</HTML>

posted @ 2007-07-30 16:48 sugo 阅读(361) | 评论 (0)编辑 收藏

2007年3月22日

     访问某论坛时,发现论坛全是html页面。今天搞明白了,原来是重写了页面的url。通俗的说就是虽然地址栏里的是html结尾的url,但实际上访问的是后台动态jsp(php、asp)页面。好像是一种视觉欺骗。
     实现这个技术也很容易,一般都会使用国外的一个urlrewriter过滤器。
     1、下载:
     下载地址为http://tuckey.org/urlrewrite/#download
     2、解压和基本配置
     使用的为2.6版本,解压后,包中含有一个urlrewrite.xml,此为关键的配置文件。还有lib文件夹下的urlrewrite-2.6.0.jar这个包。将此包放到web应用程序的web-inf/lib下面,urlrewrite.xml放到web-inf下。
     3、修改应用程序web-inf文件夹下的web.xml文件,添加如下内容:
      <filter>
             <filter-name>UrlRewriteFilter</filter-name>
             <filter-class>org.tuckey.web.filters.urlrewrite.UrlRewriteFilter</filter-class>
      </filter>
      <filter-mapping>
             <filter-name>UrlRewriteFilter</filter-name>
             <url-pattern>/*</url-pattern>
      </filter-mapping>
     4、修改应用程序web-inf文件夹下的urlrewrite.xml文件,添加rule,内容如下:
        <rule>
           <name>html rule</name>
           <from>/test/thread([0-9]+)_([0-9]+).html</from>
           <to>/show.jsp?id=$1&amp;order=$2</to>
       </rule>
         其中要求对正则表达式有所了解,以上的语句可以实现当你访问http://localhost/test/thread12_56.html时,会转向http://localhost/show.jsp?id=12&order=56这个动态页面。
         个人觉得需要开发人员对页面参数非常熟悉。这个技术还是值得大家来尝试一下的。个人论坛可以使用此技术:),让别人看不出你是使用什么编写的。

posted @ 2007-03-22 14:11 sugo 阅读(2245) | 评论 (3)编辑 收藏

2007年1月26日

      实现了基本的网络图片、mp3、影片下载,原理为首先根据要下载的图片(mp3、影片)的url,将它的信息写入一个临时文件。然后再从这个临时文件将信息导入到真正你想要存储的图片(mp3、影片)。第一步为网络到本地,第二步为本地到本地。
       //网络到本地代码:
        java.net.URL l_url = new java.net.URL("http://localhost/rlzy/photo/"+addition); //图片url地址
        java.net.HttpURLConnection l_connection = (java.net.HttpURLConnection) l_url.openConnection();
        int randomnum=(int)(Math.random()*100);
        System.out.println(randomnum);
        File f1=new File(photopath+randomnum);
        FileOutputStream o=new FileOutputStream(f1);
        l_connection.connect();
        java.io.InputStream l_urlStream;
       
        l_urlStream = l_connection.getInputStream();

       byte b[]=new byte[1000];
       int n;
          while( (n=l_urlStream.read(b))!=-1)
              {
              o.write(b,0,n);
              }
          o.close();
          l_urlStream.close();
        
         
          //本地到本地
          RandomAccessFile random=new RandomAccessFile(f1,"r");
          long  forthEndPosition=0;
           File tfolder1=new File("E:/111/);//存储图片路径
           tfolder1.mkdirs();//如果不存在就创建此文件夹,如果没有这个步骤将会出现FileNotFoundException
          File f2=new File("e:/111/"+name);
             
          RandomAccessFile random2=new RandomAccessFile(f2,"rw"); 
            
          random.seek(random.length());
          long endPosition=random.getFilePointer();
          random.seek(forthEndPosition);
          long startPoint=random.getFilePointer();
            while(startPoint<endPosition) //开始拷贝文件信息
                  { n=random.readByte();
                    random2.write(n);
                    startPoint=random.getFilePointer();
                  }
           random2.close();random.close();
           f1.delete(); //删除临时文件     
          程序写了一个简单的GUI界面 ,使其看起来更像一个下载器了。如果提高下载速度还需进一步的学习和研究。有兴趣的朋友可以点击下载研究
          http://sugo.gnway.net/test/FreeDown.jar(申请的一个免费二级域名,速度可能不快 :-) ,另外需要sun公司的jre环境,Windows、Linux下均能运行)
         

posted @ 2007-01-26 14:04 sugo 阅读(310) | 评论 (0)编辑 收藏

2007年1月24日

      报表中有这个需求,当报表很大需要下拉时,但表头在正上方,看不到对应的是哪一项的数据。此功能可以使用虚拟一个表头来实现。具体的灵感来自网站随着鼠标移动的图片。当鼠标下移时,图片跟着走。对于这个需求来说只需把图片换成一个表格即可。
       网页中加入如下代码:
      <DIV id="thead" style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<EMBED style="LEFT: -73px; POSITION: absolute; TOP: 125px" align=right>
<table bgcolor="red"  border=1>
<tr>
<td>sdfsd</td><td>sdfsd</td><td>sdfsd</td>
</tr>
</table>
</EMBED>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
       红色代码部分可以更替为任意html标记,比如img、input等等。
       注:内嵌的表格颜色最好深一些,不然会出现重叠现象。调整虚拟表头相对屏幕上方的位置在蓝色粗体的地方,可根据需要修改。
       当需要打印报表时,可以添加一个button来控制这个表头的显示 js方法为
       function control(){ 
         var temp=document.getElementById("thead");
          if(temp.style.display=='none')
              temp.style.display='' ;
          else
              temp.style.display='none';
       }

posted @ 2007-01-24 18:53 sugo 阅读(1496) | 评论 (0)编辑 收藏

2007年1月15日

     使用hibernate的hql查询,当指定某些字段时,一行数据此时得到的是相应的一个数组。而字段全部查询得到的是一个pojo对象。
     使用struts的逻辑标签显示时,如果得到的是一个pojo对象,可以使用<logic:iterate>,也可以使用<logic present>使用的时候不用再定义id,name属性即为request或者session里存储的对象的别名。然后使用<bean:write>定义两个属性name和logic标签的name一样,property为对应的类中定义的成员变量名字。
     如果得到的是数组的集合,则需要<logic:iterate>嵌套。例如:
    <logic:iterate name="du" id="indiv" scope="session">
         <logic:iterate name="indiv" id="tiny">
              <bean:write name="tiny" />
        </logic:iterate>
    </logic:iterate>
     注(个人认为):可以看到规律,下一层的name为上层的id。
    得到的是集合,如List 或者Vector等。例如:
   <logic:iterate scope="session" id="du" name="dlist">
      <bean:write name="du" property="wdate" />&nbsp;
      <bean:define id="text" name="du" property="content" type="String"/>
      <html:link href="modify.do" paramId="id" paramName="du" paramProperty="id" linkName="mod"  />
      <html:button property="modify" onclick="mod.click()" value="modify" />
      <html:textarea property="content" value="<%= text %>"></html:textarea><br>
      <bean:write name="du" property="username" />&nbsp;
      <bean:write name="du" property="weather" />&nbsp;<br>
      <html:link href="modify.do?manipulate=delete" paramId="id" paramName="du" paramProperty="id"        linkName="del"  />
      <html:button property="delete" onclick="del.click()" value="delete" />
    </logic:iterate>
    例子中还包括在一个组件中填值,使用<bean:define>标签,可以得到一个对象,id就是对象的引用。
    <html:link>的linkName相当于超链接<a href="">中的id属性,<html:link>的page和href的不同,page需要相对路径,url前面需要加上/,href则不用。<html:link>参数传递,如果确定需要传递的参数,直接跟在url后面即可。如果是动态的,则需要paramId, paramName, paramProperty 。第一个为参数名称,第二个为存储的对象的名字,如在request、session中存储的名字,第三个就是这个对象里面的成员变量。多个参数一般使用HashMap。
    Struts中的action,即便是不想用ActionForm,也需要在action的配置属性里写入,否则会出现空值的问题,今天遇到了,所以定义DynaActionForm还是必要的。
    hibernate一般的数据库操作都通过session来进行,我把所有涉及的操作都写成了一个ObjectDAO,比较方便操作。

posted @ 2007-01-15 20:39 sugo 阅读(300) | 评论 (0)编辑 收藏

2007年1月14日

    当提交表单时,此时操作人员只需等待结果返回,这里,我实现了一个覆盖网页的方法,使得整个网页被一个很大的div覆盖,这样操作人员就不能点击页面的内容了。实现很简单,一个div
    <div id="doing"  style="Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%; display:none ">
            <table width="100%" height="100%">
                <tr align="center" valign="middle">
                    <td>
                        <table width="169" height="62" bgcolor="#99cccc" style="FILTER: Alpha(Opacity=75); WIDTH: 169px; HEIGHT: 62px">
                            <tr align="center" valign="middle">
                                <td>页面提交中.<br>
                                    Loading.</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
     页面最初载入时把它隐藏起来,当按下提交按钮时让它显示。结果返回后再次让它隐藏。jsp代码:
     <%
          String content=request.getParameter("tc");
          if(content==null){
    %>
        <form action="#" method="post" onsubmit="return show()">
          <textarea name="tc">dfdfsdf
             dfdaf</textarea>
          <input type=submit value=" go "  >
       </form>
   <%
     }
       else{
           if(content.indexOf("\n")==-1)
             out.println("haha");
            // content=content.replaceAll("\n","<br>");
   %>
          <textarea> <% out.println(content); %>
        </textarea>
   <%
      }
   %>
   show方法:
    function show(){
         document.getElementById('doing').style.display=''
         return true;
   }
    当表单提交并返回结果时,页面重新加载,div的display属性自动又变为none。达到了想要的效果。

posted @ 2007-01-14 23:31 sugo 阅读(1891) | 评论 (2)编辑 收藏

2006年12月31日

    幻灯片大家都非常熟悉了,我以雅虎幻灯片为灵感,开发了自己的幻灯片。
    首先,这个幻灯片程序是在我的jsp图片查看器上加上去的,算是满足自己的需求吧,哈。因为有时候看幻灯片对我来说是一种享受。。。嗯
    首先是做一个基本的图片自动播放的程序,这个纯javascript就可以实现,实现需要的javascript方法也很简单,代码如下:
     function rotateBanner(frameNumber,interval){
      document.banner.src=fn[frameNumber].src;//为页面中的id为banner的图片标记动态定义图片的链接地址
      var imageChoice=frameNumber+1;
      if(imageChoice==fn.length){
         imageChoice=0;
      }
      player=window.setTimeout("rotateBanner("+imageChoice+","+inv+")",inv);
   }
   其中frameNumber为图片路径数组的下标,interval为显示下一幅图片的间隔时间。
   首先,我们要定义一个全局数组,数组各个元素的值为图片的url。(一般我们都把一类的图片放在一个目录中,这种情况可以通过动态生成的方法来动态的为这个全局数组的各个元素赋值)
   js方法的使用也很简单,在这个页面的body标签加入onload=“rotateBanner(0,5000)”即可,在这里0为数组的第一个元素下标,5000为播放的间隔时间5秒。
   一个不能被我们控制的幻灯片页面就产生了。下面我们就要开始对其进行控制了,首先,我们实现让幻灯片停止滚动播放图片。这个很简单,上面的js方法我们定义了一个定时器player变量,这个player是个全局的,当不停的递归调用的时候,都是它自己在不停的被赋值。停止它我们只需把这个定时器去处即可。在页面中加上一个超链接,在它的onclick事件中触发一个js方法,不妨我们再写一个方法,代码为:
   function stop(){
       window.clearTimeout(player);
   }
    这样就把图片循环显示的player定时器去除了。
    有停止就要有开始,开始就容易了,在开始超链接的onclick事件调用rotateBanner()方法就行了,但这里有个问题,这个一会再说。
    我们再添加上一幅,下一幅超链接,我们可以通过手工点击来显示下一页,这里就要又要定义一个全局变量了,它用来记录显示图片的数组下标。代码如下:其中的firstno变量我们后面再说它的作用
   function previous(){
    if(imgno==0)
       imgno=fn.length;
       imgno=imgno-1;
       firstno=imgno;
       document.banner.src=fn[imgno].src;
  }
   function next(){
     if(imgno==fn.length-1)
       imgno=-1;
       imgno=imgno+1;
       firstno=imgno;
      document.banner.src=fn[imgno].src;
}
  imgno就是我们定义的全局变量,来记录当前图片的数组下标。但这样有个问题,那就是imgno的初值为多少?现在的代码中并没初始化。好,我们分析一下,从页面打开开始,onload事件调用rotateBanner方法,这是最初的入口,下一幅上一幅按钮也是当执行了这个事件后才会有作用,所以我们需要在rotateBanner方法中记录图片的下标。其实也可以在声明的时候初始化为0。
   所以我们在点击开始的时候,rotateBanner(firstno,firstclock)函数里面的参数要传入当前图片的下标,不然我们点开始后幻灯片是开始幻灯显示了,但它又从0开始了,不会从我们停止定时器时候的显示的图片的位置开始。在此firstno全局变量也是起到记录的作用,但注意它和imgno变量的不同,它记录的是目前显示的图片的下标,而imgno在previous和next方法中已经不是当前图片的下标。firstclock是下面我要说明的内容。
   要控制每张图片显示间隔的时间,通过一个下拉选择框来操作,取得每个选项相应的值很简单。当选项改动时触发一个事件,我们取名为setclock()方法,firstclock就是来获得间隔时间的,代码为:
   function setclock(clock){
      firstclock=clock;
      rotateBanner1(imgno,clock);
   }
   rotateBanner1()的代码为:
   function rotateBanner1(frameNumber,interval){
     window.clearTimeout(player);
     document.banner.src=fn[frameNumber].src;
     var inv=interval;
     var imageChoice=frameNumber+1;
      if(imageChoice==fn.length){
         imageChoice=0;
     }
     imgno=frameNumber;
     firstno=imgno;
     player1=window.setTimeout("rotateBanner("+imageChoice+","+inv+")",inv);
   }
   通过代码可以看出,rotateBanner1方法其实在下拉框选项改变触发的时候只执行了一次,因为最后一行调用的还是原来的rotateBanner()方法,这个代码的当时写的时候很有戏剧性,嘻嘻。
   其实这个幻灯片还是很简单的,大家只要动动脑,不难写出来。。。那天看一个人物传记,sun公司的前任首席科学家Bill Joy,一天编程能编14个小时。。。。:)。。。脑子越用越灵活,啥也不说了,向他学习,学习,再学习。
   哈哈,明年再接着blog了。。。。。

posted @ 2006-12-31 20:28 sugo 阅读(775) | 评论 (1)编辑 收藏