页面 HTML:
<div> <div id = "imgshows" runat = "server" style = "padding-bottom: 10px;"> <div id = "Demo" style = "overflow: Hidden; width: 100%; height: 190px"> <table cellspacing = "0" cellpadding = "0" align = "gauche" cellSpace = "0"> <Tr> <Td id = "valign" runat = "server"> </ td> <td id = "Demo2" valign = "top"> </td> </tr> </ table> </ div> <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 Fonction Marquee () {if (Demo2.offsetWidth - Demo.Scrollleft <= 0) Demo.Scrollleft - = Demo1.offsetWidth Else {Demo.Scrollleft ++}} var MyMar = SetInterval (Marquee, Speed) Demo.onMouse ClearInterval (MyMar)} Demo.OnMouseout = Function () {myMar = setInterval (Marquee, Speed)} </Script> </div> </div>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; retour; } 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 +" / "alt = /" "+ p.title +" / "> </a> </ td>"); } sb.append ("</tr> </ table>"); Demo1.InnerHtml = sb.ToString (); }：
Utilisez [Enterprise] Go / ****** 对象: Table Null, [titre] [varchar] (50) rassembler chinois_prc_ci_as null, [href] [varchar] (255) rassembler chinois_prc_ci_as null, [src] [varchar] (255) rassembler chinois_prc_ci_as not null, primaire clés en cluster ([id] asc) avec (ignore_dup_kekey = off) sur [primaire] ASC) avec (goost ANSI_PADDING OFF
：
classe publique pic {public int id {set; obtenir; } public int comid {set; obtenir; } public Model.CompanyModel CompanyModel {set; obtenir; } Public String Title {set; obtenir; } String public src {set; obtenir; } String public href {set; obtenir; }}以上这篇 JavaScript 实现跑马灯效果的简单实例就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。