页面 html:
<div> <div id = "imgshows" runat = "server" style = "padding-bottom: 10px;"> <div id = "Demo" style = "Überlauf: Hidden; Breite: 100%; Höhe: 190px"> <table CellSpacing = "0" cellpadding = "0" align = "links" talign "talInn =" cellSpace = "0", "" 0 "" 0 "" "0", "" CellSpace ". runat = "server"> </td> <td id = "Demo2" valign = "top"> </td> </tr> </table> </div> <script type = "text/javaScript"> var speed = 10 var Demo = Dokument.GetElementById ("Demo"); var Demo1 = document.getElementById ("Demo1"); var Demo2 = document.getElementById ("Demo2"); Demo2.InnerHtml = Demo1.InnerHtml Funktion marquee () {if (Demo2.Offsetwidth - Demo.Scrollleft <= 0) Demo.ScrollLeft - = Demo1.offsetwidth sonst {Demo. ClearInterval (MYMAR)} Demo.Onmouseout = function () {mymar = setInterval (marquee, Geschwindigkeit)} </script> </div> </div>CS 后台代码 :
private void bindpics (int comid) {list <model.pic> pic = dao.picdao.getPics (kombiniert); StringBuilder sb = new StringBuilder (); if (pic == null || pic.count <1) {imgshows.innerhtml = string.Empty; zurückkehren; } SB.Append ("<Tabellenbreite =/" 100%/"Border =/" 0/"Align =/" Center/"CellPadding =/" 0/"Cellspacing =/" 10px/"> <tr>"); für (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> </a> </"; } sb.append ("</tr> </table>"); Demo1.InnerHtml = sb.toString (); }数据库表 :
Verwenden Sie [Enterprise] Go/****** 对象: Tabelle [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 ab
实体类 :
public class pic {public int id {set; erhalten; } public int comid {set; erhalten; } public model.comPanymodel CompanyModel {set; erhalten; } public String title {set; erhalten; } public String src {set; erhalten; } public String href {set; erhalten; }}以上这篇 JavaScript 实现跑马灯效果的简单实例就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , 也希望大家多多支持武林网。 也希望大家多多支持武林网。