页面 HTML ：
<viv> <div id = "imgshows" runat = "server" style = "padding-bottom: 10px ؛"> <div id = "demo" style = "overflow: hidden ؛ width: 100 ٪ ؛ height: 190px"> <table cellspacing = "0" cellpadding = 0 runat = "server"> </td> <td id = "demo2" valign = "top"> </td> </tr> </table> </viv> <script type = "text/javaScript"> var speed = 10 var demo = document.getElementById ("demo") ؛ var demo1 = document.getElementById ("demo1") ؛ var demo2 = document.getElementById ("demo2") ؛ demo2.innerhtml = demo1.innerhtml function marquee () {if (demo2.offsetWidth - demo.scrollleft <= 0) demo.scrollleft - = demo1.offsetwidth old {demo.scrollleft ++}} var mymar = ClearInterval (mymar)} demo.onmouseout = function () {mymar = setInterval (marquee ، speed)} </script> </viv> </viv>CS 后台代码 ：
private 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/"cellpacing =/" 10px/"> <tr>") ؛ لـ (int i = 0 ؛ i <pic.count ؛ i ++) {model.pic p = pic [i] ؛ sb.append ("<td width =/" 200/"> <a href =/" " + p.href +"/"> <img src =/" ../ } sb.append ("</tr> </table>") ؛ demo1.innerhtml = sb.toString () ؛ }： ：
استخدم [Enterprise] go/****** 对象: الجدول [dbo]. NULL ، [title] [varchar] (50) collate inchoval_prc_ci_as null ، [href] [varchar] ansi_padding قبالة
： ：
PUBLIC CLASS PIC {public int id {set ؛ يحصل؛ } public int comid {set ؛ يحصل؛ } public model.companymodel companyModel {set ؛ يحصل؛ } عنوان السلسلة العامة {set ؛ يحصل؛ } السلسلة العامة src {set ؛ يحصل؛ } السلسلة العامة href {set ؛ يحصل؛ }}以上这篇 JavaScript 实现跑马灯效果的简单实例就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。