div圖片循環(huán)滾動代碼(html圖片循環(huán)滾動代碼)
打開Dreamweaver8,新建一網(wǎng)頁文件,并保存為名為“indexhtmlquot文件切換至代碼編輯界面,輸入如下代碼ltbodyltdiv id=quotphotolistquot ltul id=quotscrollquot ltlilta href=quot#quotltimg src=quotimages1jpgquot width=quot100pxquot height=quot100pxquot alt=quotquotltaltli ltlilta href=quot#quotltimg。
注釋1 scrollAmount它表示速度,值越大速度越快2 加入onmouseover=stop onmouseout=start代碼,鼠標指向循環(huán)文字圖片時他們會停止?jié)L動,鼠標離開時繼續(xù)滾動給滾動圖片加超鏈接 用lta href=和lta把ltimg包圍,并且img必須設border=0,否則圖片會出現(xiàn)邊框例子如下ltMARQUEE scroll。
setInterval 方法會不停地調用函數(shù),直到 clearInterval 被調用或窗口被關閉由 setInterval 返回的 ID 值可用作 clearInterval 方法的參數(shù)語法 setIntervalcode,millisec,quotlangquot參數(shù) code 必需要調用的函數(shù)或要執(zhí)行的代碼串millisec 必須周期性執(zhí)行或調用 code 之間的時。
1打開Dreamweaver創(chuàng)建新頁面,如圖2插入如下代碼,如圖lt!最新圖文代碼開始lt%set rs3=serverCreateObjectquotADODBRecordSetquotrs3Source =quotselect top quot top_img quot * from quot db_News_Table quot where picnews=1 and checkked=1 and picnamelt#39null#39 order by NewsID。
$quotdivname=ban div imgquoteqishowsiblingshide i++ setTimeoutquotchangequot,3000htmlltdiv name=quotbanquot ltdiv lt!圖片 ltimg src=quotresourcesimagesf1jpgquot width=quot369pxquot height=quot114pxquot ltimg src=quotresourcesimagesf。
掃描二維碼推送至手機訪問。
版權聲明:本文由飛速云SEO網(wǎng)絡優(yōu)化推廣發(fā)布,如需轉載請注明出處。