頁面html:
<div> <div id =“ imgshows” runat =“ server” style =“ padding-bottom:10px;”> <div id =“ demo”樣式=“溢出:隱藏; width; width; width; width; width; width; height; height; heights> <table cellspacing =“ 0” cellpadding =“ 0” cellpadding =“ 0” align =“ 0” alspace =“ allspace =” lessspace =“ 0”> <t t iD> <tr =' runat =“ server”> </td> <td id =“ demo2” valign =“ top”> </td> </tr> </table> </div> </div> <script type =“ text/javascript”> var speed = 10 var demo = 10 var demo = documente.getElementByid(demo'demo'demo'); var demo1 = document.getElementById(“ demo1”); var demo2 = document.getElementById(“ demo2”); demo2.innerhtml = demo1.innerhtml函數marquee(){if(demo2.offsetWidth -demo.scrollleft <= 0)demo.scrollleft- = demo1.offsetWidth else {demo.scrollleft++++++++} clearInterval(mymar)} demo.onmouseout = function(){mymar = setInterval(marquee,speed)} </script> </script> </div> </div> </div>CS後台代碼:
私有void bindpics(int comid){list <model.pic> pic = dao.picdao.getpics(comid); StringBuilder SB = new StringBuilder(); if(pic == null || pic.count <1){imgshows.innerhtml = string.empty;返回; } sb.append(“ <table width =/” 100%/“ border =/” 0/“ align =/” center/“ cellpadding =/” 0/“ cellSpacing =/” 10px/“> <tr>”); for(int i = 0; i <pic.count; i ++){model.pic p = pic [i]; sb.append(“ <td width =/” 200/“> <a href =/” + p.href +“/”> <img src =/../“ ../” + p.src +“/” border ='0'title =/' + p.Title + p.Title + p.Title +“/”/“ alt =/” alt =/“” + p.title + p.Title + p.itle +”>> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </> </>” } sb.append(“ </tr> </table>”); demo1.innerhtml = sb.tostring(); }數據庫表:
使用[企業] go/******對象:表[dbo]。 NULL, [Title] [varchar](50) COLLATE Chinese_PRC_CI_AS NULL, [Href] [varchar](255) COLLATE Chinese_PRC_CI_AS NULL, [Src] [varchar](255) COLLATE Chinese_PRC_CI_AS NOT NULL,PRIMARY KEY CLUSTERED ( [Id] ASC)WITH (IGNORE_DUP_KEY = OFF) ON [PRIMARY]) ON [PRIMARY]GOSET ANSI_PADDING
實體類:
公共類PIC {public int ID {set;得到; } public int comid {set;得到; } public Model.companymodel companyModel {set;得到; }公共字符串標題{set;得到; } public String src {set;得到; }公共字符串href {set;得到; }}}以上這篇javaScript實現跑馬燈效果的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。 ,也希望大家多多支持武林網。