html:
<div> <div id = "imgshows" runat = "server" style = "padding-bottom:10px;"> <div id = "demo" style = "overflow:hidden; width:100%; height; height:190px"> <table Cellspacing = "0" cellpadding = "0" align = "左" runat = "server"> </td> <td id = "demo2" valign = "top"> </td> </tr </table> </div> <script = "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 else {demo.scrollleft ++}} var mymar = setinterval() 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/"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' titple =/" " + p.title +"/"/"/"/"/"alt =/" " + p.title +"/"> </a </td>"); } sb.append( "</tr> </table>"); demo1.innerhtml = sb.toString(); }数据库表:
[Enterprise] go/******对象:テーブル[dbo]。[写真]脚本日期:03/17/2011 19:26:27 ******/set ansi_nulls ongoset ongoset ongoset ongoset ongoset ansi_padding ongocreateテーブル[dbo]。 null、[title] [varchar](50)中国語_prc_ci_as nullを照合します。 ansi_paddingオフ
实体类:
public class 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实现跑马灯效果的简单实例就是小编分享给大家的全部内容了、希望能给大家一个参考、也希望大家多多支持武林网。