Javascript實現跑馬燈效果的簡單實例

頁面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實現跑馬燈效果的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。 ，也希望大家多多支持武林網。