页面 Html:
<div> <div id = "imgshows" runat = "server" style = "preenchimento de preenchimento: 10px;"> <div id = "Demo" style = "Overflow: Hidden; largura: 100%; altura: 190px"> <tabela CellSpacing = "0" CellPadding = "" align = "esquerdo" "CellSpace =" 0 " 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 Função Marca () {if (Demo2.offsetWidth - Demo.ScrollLeft <= 0) Demo.ScrollLeft - = Demo1.OffSetWidth else {Demo.scrollleft ++}}} 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; retornar; } sb.append ("<width =/" 100%/"borda =/" 0/"align =/" Center/"CellPadding =/" 0/"CellSpacacing =/" 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 +"/"; } sb.append ("</tr> </table>"); Demo1.innerhtml = sb.toString (); }数据库表
USE [Enterprise]GO/****** 对象: Table [dbo].[Pics] 脚本日期: 03/17/2011 19:26:27 ******/SET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGOSET ANSI_PADDING ONGOCREATE TABLE [dbo].[Pics]( [Id] [int] IDENTITY(1,1) NOT NULL, [ComId] [int] NOT 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 OFF
实体类
classe pública pic {public int id {set; pegar; } public int comid {set; pegar; } public modelo.companymodel CompanyModel {set; pegar; } public string title {set; pegar; } public string src {set; pegar; } public string href {set; pegar; }}以上这篇 JavaScript 实现跑马灯效果的简单实例就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。