隨筆-60  評(píng)論-35  文章-15  trackbacks-0

          動(dòng)態(tài)圖片新聞,JS實(shí)現(xiàn).


          <script language="JavaScript">
          var imgUrl=new Array();
          var imgLink=new Array();
          var imgText=new Array();
          var picNum=0;
          imgUrl[1]="圖片地址一";
          imgLink[1]="鏈接1";
          imgText[1]="標(biāo)題或簡(jiǎn)介或其它HTML內(nèi)容1";
          imgUrl[2]="圖片地址二";
          imgLink[2]="鏈接2";
          imgText[2]="標(biāo)題或簡(jiǎn)介或其它HTML內(nèi)容2";
          imgUrl[3]="圖片地址三";
          imgLink[3]="鏈接3";
          imgText[3]="標(biāo)題或簡(jiǎn)介或其它HTML內(nèi)容3";
          imgUrl[4]="圖片地址四";
          imgLink[4]="鏈接4";
          imgText[4]="標(biāo)題或簡(jiǎn)介或其它HTML內(nèi)容4";
          imgUrl[5]="圖片地址五";
          imgLink[5]="鏈接5";
          imgText[5]="標(biāo)題或簡(jiǎn)介或其它HTML內(nèi)容5";


          function NextPic(){
          ??? if(picNum<4) picNum++ ;//顯示4個(gè)圖片
          ??? else picNum=1;
          ??? if (document.all){
          ??????? //下面注意,如果存在于FORM表單中,需要使用下面的方法,否則可直接使用name。
          ??????? document.imgInit.filters.revealTrans.Transition=Math.floor(Math.random()*23);
          ??????? document.imgInit.filters.revealTrans.apply();
          ??????? document.imgInit.filters.revealTrans.play();
          ??? }
          ??? document.images.imgInit.src=imgUrl[picNum];
          ??? //如果不是圖片,而是SWF等,可做判斷,內(nèi)容可在程序中做好,再放于下面。
          ??? focustext.innerHTML='<a href='+imgLink[picNum]+' target=_blank>'+imgText[picNum]+'</a>';
          ??? //設(shè)置翻頁(yè)時(shí)間
          ??? theTimer=setTimeout('NextPic()', 3000);
          }


          function goUrl(){
          ??? window.open(imgLink[picNum],'_blank');
          }
          </script>


          HTML代碼中:
          可以做到控件中
          <TABLE cellPadding=0 width=100% border=0>
          ??????? <TR>
          ????????? <TD align=middle height="140" >
          <div align='center'>
          <a href='javascript:goUrl()'><img style="FILTER: revealTrans(duration=2,Transition=5)" src="javascript:NextPic()" width="170" height="120" border="1"? id=imgInit name=imgInit></a></TD></TR>
          <TR><TD align=middle height="38" ><div name=focustext id=focustext align='center'></div>
          </div>
          </TD></TR></TABLE>

          posted on 2007-01-25 15:25 Q系列類、方法、變量…… 閱讀(2673) 評(píng)論(1)  編輯  收藏

          評(píng)論:
          # re: JS實(shí)現(xiàn)的動(dòng)態(tài)圖片新聞 2012-12-26 11:07 | 李勝
          我那個(gè)去  回復(fù)  更多評(píng)論
            

          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 临颍县| 车险| 黑河市| 兴国县| 黄石市| 绍兴市| 绥德县| 大足县| 甘泉县| 门源| 军事| 凤城市| 彰化县| 英吉沙县| 锡林浩特市| 内乡县| 上栗县| 富锦市| 寿阳县| 布尔津县| 仲巴县| 茶陵县| 南汇区| 柯坪县| 汝州市| 文化| 禹州市| 涟水县| 年辖:市辖区| 韩城市| 托克托县| 清涧县| 探索| 盖州市| 建昌县| 武夷山市| 清远市| 江门市| 岐山县| 略阳县| 泾阳县|