页面 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="left" cellspace="0"> <tr> <td id="demo1" valign="top" runat = "server"> </td> <td id = "demo2" valign = "top"> </td> </tr> </able> </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 function marquee () {if (demo2.offsetWidth - demo.scrollleft <= 0) demo.scrollleft - = demo1.offsetWidth lain {demo.scrolllte ++}} var mymar = setintor {demo.scrollleft ++}} var mymar = mymar = {demo. 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 = StringBuilder baru (); if (pic == null || pic.count <1) {imgshows.innerHtml = string.empty; kembali; } sb.append ("<tabel lebar =/" 100%/"border =/" 0/"align =" center/"cellPadding =/" 0/"cellspacing =/" 10px/"> <tr>"); untuk (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>"/""); } SB.Append ("</tr> </able>"); demo1.innerHtml = sb.tostring (); }数据库表 :
Gunakan [perusahaan] go/****** 对象: Tabel [dbo]. [Foto] 脚本日期: 03/17/2011 19:26:27 ******/Set ansi_nulls ongoset Quoted_Identifier Ongoset ansi_padding tabel oncocreate [dbo]. [Pics] (id] [noNT] [noND) no no. [ID] [ID] [ID] [ID] [NOB NOB NOUSE [ID] [ID] (ID] [ID] [ID NOUS, NOB NOUS, [ID] (ID] (ID] (ID] [ID] [ID NOB NOUS.) NOB NOUDDDING ONGOCREATE [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 OFF
实体类 :
pic kelas publik {public int id {set; mendapatkan; } public int comid {set; mendapatkan; } public Model.Companymodel CompanyModel {set; mendapatkan; } judul string publik {set; mendapatkan; } public String src {set; mendapatkan; } public String href {set; mendapatkan; }}以上这篇 JavaScript 实现跑马灯效果的简单实例就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , ,