div id="f_div"> !--圖片區域--> div id="f_imgDiv">/div> div id="f_infoDiv"> !--數字按鈕區域--> div id="f_buttonDiv">/div> /div> /div> script> var imgWidth=250; var imgHeight=205; var _timeOut_=5000; var show_text = true; //是否顯示焦點文字 var timeOut=_timeOut_; var timeOut2=_timeOut_/2;//onmouseout img后需要切換的時間 var now=0; //第一張圖 var target="_blank"; //打開方式 var button_on ='on'; //當前焦點對應按鈕的樣式名 var button_off ='';//非當前焦點對應按鈕的樣式名 //不可修改區域 var imgUrl = new Array(); var imgText = new Array(); var imgLink = new Array(); var imgAlt= new Array(); //var menuList = new Array();//菜單menu var ver=2; //兼容瀏覽器版本 默認2 為非ie var firstTime=true; var n =-1; [loop=5] imgUrl[++n]='{$Field(Picurl,Text,0,...,0,)}'; imgText[n]='a href="{$Field(ID,GetInfoUrl,1,1)}" target="_blank" class=linkblack>{$Field(Title,Text,0,...,0,)}/a>'; imgLink[n]='{$Field(ID,GetInfoUrl,1,1)}'; imgAlt[n]='{$Field(Title,Text,0,...,0,)}'; [/loop] var count=0; for (i=0;iimgUrl.length;i++) { if( (imgUrl[i]!="") (imgText[i]!="") (imgLink[i]!="") (imgAlt[i]!="")) { count++; } else { break; } } function p$(string){ document.write(string); } function $(id){ return document.getElementById(id); } //固定圖片size p$("style> #f_img { width:"+imgWidth+"px;height:"+imgHeight+"px;/style>"); function change(){ if (ver==1){ with($('f_img').filters[0]){ Transition=1; apply(); play(); } } if (firstTime){ firstTime=false;timeOut=_timeOut_/1000;} else{ $('f_img').src=imgUrl[now]; $('f_img').alt=imgAlt[now]; $('f_imgLink').href=imgLink[now]; for (var i=0;icount;i++) { $('b'+i).className="button"; //$('f_menu'+i).className=""; } $('b'+now).className="on"; //$('f_menu'+now).className="on"; now=(now>=imgUrl.length-1)?0:now+1; timeOut=_timeOut_; } theTimer=setTimeout("change()", timeOut); } function b_change(num){ window.clearInterval(theTimer); now=num; firstTime=false; change(); } //draw 漸變line （即css:f_line) function draw_line(){ var div = document.createElement("div"); div.id = 'f_line'; $('f_infoDiv').insertBefore(div,$('f_infoDiv').childNodes.item(0)); } //表現層 start //圖片 var a = document.createElement("a"); a.id="f_imgLink"; a.target=target; a.href=imgLink[now]; $('f_imgDiv').appendChild(a); var img = document.createElement("img"); img.id="f_img"; img.width=imgWidth; img.height=imgHeight; img.src=imgUrl[now]; img.alt=imgAlt[now]; a.appendChild(img); //數字按鈕 for (var i=count-1;i>=0;i--){ var div_bg = document.createElement("div"); div_bg.id = 'div_bg'+i; div_bg.className='bg'; $('f_buttonDiv').appendChild(div_bg); var a = document.createElement("a"); a.id = 'b'+i; a.className = (i==now+1)?"button_on":"button_off"; a.title=imgAlt[i]; a.innerHTML=i+1; a.href='javascript:b_change('+i+')'; $('div_bg'+i).appendChild(a); var div= document.createElement("div"); $('f_buttonDiv').appendChild(div); } //表現層 end $('f_img').onmouseover=function(){window.clearInterval(theTimer);} $('f_img').onmouseout=function(){theTimer=setTimeout("change()", timeOut2);} try{ //濾鏡版本 new ActiveXObject("DXImageTransform.Microsoft.Fade"); $('f_img').filters[0].play(); ver=1; draw_line(); } catch (e){ver=2;} var theTimer = setTimeout("change()", _timeOut_/1000); /script>
別忘了SQL查詢語句：
-------------------------------------------------------------------------------- select top 5 ID,Title,Adddate,Picurl,Slide,Verific from KS_Article where verific=1 and Slide=1 order by Adddate desc --------------------------------------------------------------------------------
