页面 html :
<div> <div id = "imgshows" runat = "server" style = "padding-bottom: 10px;"> <div id = "demo" style = "overflow: hidden; ширина: 100%; высота: 190px"> <Таблица Cellspacing = "0" CellPadding = "0" Align = "Left" Cellspace = "0"> <TR> <Td> "" TORD = "DeMO =" TORP = "TORP =" TORE = "TORD" = "TORT" = "TORP =" "TOR> <TD> <TD>". 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 function marquee () {if (demo2.offsetwidth - demo.scrollleft <= 0) demo.scrollleft - = demo1.offsetWidth els 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; возвращаться; } sb.Append ("<table width =/" 100%/"border =/" 0/"align =/" center/"cellPadding =/" 0/"cell -spacing =/" 10px/"> <tr>"); для (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 (); }数据库表 :
Используйте [Enterprise] Go/****** 对象: Таблица [DBO]. Null, [title] [varchar] (50) Collate cillain_prc_ci_as null, [href] [varchar] (255) Collate warrys_prc_ci_as null, [src] [varchar] (255) Соберите китайский_prc_ci_as not null, первичный кластер (ID] ASC) с (Ignore_dup = on) on). ANSI_PADDING OFF
实体类 :
открытый класс pic {public int id {set; получать; } public int comid {set; получать; } public Model.companymodel CompanyModel {set; получать; } public String title {set; получать; } public String src {set; получать; } public String href {set; получать; }}以上这篇 javascript 实现跑马灯效果的简单实例就是小编分享给大家的全部内容了 希望能给大家一个参考 , 也希望大家多多支持武林网。 也希望大家多多支持武林网。 也希望大家多多支持武林网。