页面 html :
<div> <div id = "imgshows" runat = "servidor" style = "relleno de relleno: 10px;"> <div id = "demo" style = "desbordamiento: hidden; ancho: 100%; altura: 190px"> <table cellspacing = "0" cellpadding = "0" align = "izquierda" celular = "0"> <tr> td Id = "demo1" 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 marquee () {if (demo2.OffSetWidth - Demo.scrollleft <= 0) Demo.scrollleft - = Demo1.OffSetWidth ClearInterval (mymar)} demo.onmouseout = function () {mymar = setInterval (marquee, velocidad)} </script> </div> </div>CS : :
privado 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; devolver; } 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> </box>"); demo1.innerhtml = sb.ToString (); }数据库表 :
Use [Enterprise] Go/****** 对象: Table [DBO]. [Pics] 脚本日期: 17/03/2011 19:26:27 ******/set ANSI_NULLS ONGOSET Cited_identifier Ongoset ANSI_PADDING ONGOCRETE Table [DBO]. [Pics] ([Id] [INT] IDENTIDAD (1,1) no NETR. Nulo, [title] [varchar] (50) Collate chino_prc_ci_as null, [href] [varchar] (255) Collate chino_prc_ci_as null, [src] [varchar] (255) COLECT Ansi_padding
实体类 :
Public Class Pic {public int id {set; conseguir; } public int comid {set; conseguir; } public Model.ComPanyModel CompanyModel {set; conseguir; } título de cadena pública {set; conseguir; } public String src {set; conseguir; } public String href {set; conseguir; }}以上这篇 Javascript 实现跑马灯效果的简单实例就是小编分享给大家的全部内容了 , 希望能给大家一个参考 也希望大家多多支持武林网。