《图片切换调用数据库》由会员分享,可在线阅读,更多相关《图片切换调用数据库(8页珍藏版)》请在金锄头文库上搜索。
1、我在网上下载了一个网站的部分源代码 ,看到里面有实现 CSDN 首页图片的切换效果。虽然以前看网上有许多转载的,但是里面的代码都是在 js 中定义一个数组来存放图片的信息,但是今天这个方法更加灵活啊!只需要以下几步即可。1.创建 sql 数据库:CREATE TABLE dbo.images (imageid int IDENTITY (1, 1) NOT NULL ,imgUrl varchar (50) COLLATE Chinese_PRC_CI_AS NULL ,imgText varchar (50) COLLATE Chinese_PRC_CI_AS NULL ,imgLink n
2、varchar (100) COLLATE Chinese_PRC_CI_AS NULL ,imgAlt nvarchar (50) COLLATE Chinese_PRC_CI_AS NULL ) ON PRIMARY2.引用外部 css 代码3.写 js 代码:(不知道为什么放在一个单独的 js 文件不行)var imgWidth=248; /图片宽var imgHeight=200; /图片高var textFromHeight=21; /焦点字框高度 (单位为 px)var textStyle=whiter; /焦点字 class style (不是连接 class)var textL
3、inkStyle=whiter; /焦点字连接 class stylevar buttonLineOn=#f60; /button 下划线 on 的颜色var buttonLineOff=#000; /button 下划线 off 的颜色var TimeOut=5000; /每张图切换时间 (单位毫秒);var imgUrl=new Array(); var imgLink=new Array();var imgtext=new Array();var imgAlt=new Array();var adNum=0;/焦点字框高度样式表 开始document.write();document.w
4、rite(#focuseFromwidth:+(imgWidth+2)+;margin: 0px; padding:0px;height:+(imgHeight+textFromHeight)+px; overflow:hidden;);document.write(#txtFromheight:+textFromHeight+px;line-height:+textFromHeight+px;width:+imgWidth+px;overflow:hidden;);document.write(#imgTitlewidth:+imgWidth+;top:-+(textFromHeight+1
5、4)+px;height:18px);document.write();document.write();/焦点字框高度样式表 结束imgUrls=;/获取后台 cs 代码的属性imgtexts=;imgLinks=;imgAlts=;imgUrl=imgUrls.split(,);imgtext=imgUrls.split(,);imgLink=imgUrls.split(,);imgAlt=imgUrls.split(,);function changeimg(n)adNum=n;window.clearInterval(theTimer);adNum=adNum-1;nextAd();f
6、unction goUrl()window.open(imgLinkadNum,_blank);/NetScape 开始if (navigator.appName = Netscape)document.write();document.write(.buttonDivheight:4px;width:21px;);document.write();function nextAd()if(adNum+imgtext1+);document.write();document.write();/数字按钮代码开始for(var i=1;i+i+);/数字按钮代码结束document.write();
7、document.write();document.write();nextAd();/NetScape 结束/IE 开始elsevar count=0;for (i=1;i);document.write();document.write();document.write( );/数字按钮代码开始for(var i=1;i+i+);/数字按钮代码结束document.write();document.write();document.write();document.write();/IE 结束里面重要的地方都有注释了,直接复制到你的 aspx 代码中即可。注意:在中不要标签,直接在中输入上
8、面的 js 代码即可。不知道为什么有 form 总是报 imgInit 错误。4.在 cs 进行数据库调用:直接代码了,呵呵呵不会看不懂吧protected void Page_Load(object sender, EventArgs e)if (!Page.IsPostBack)bind();public string imgUrl = , imgLink = , imgtext = , imgAlt = ;void bind()using (SqlConnection connection = new SqlConnection(server=.;database=northwind;u
9、id=sa;pwd=123) SqlDataAdapter sda = new SqlDataAdapter(select top 5 * from images order by imageid desc, connection);DataSet ds = new DataSet();DataTable dt = new DataTable();sda.Fill(ds);dt = ds.Tables0;for (int i = 0; i dt.Rows.Count; i+)imgUrl += dt.RowsiimgUrl.ToString() + ,;imgtext += dt.RowsiimgText.ToString() + ,;imgLink += dt.RowsiimgLink.ToString() + ,;imgAlt += dt.RowsiimgAlt.ToString() + ,;测试环境:vs2005如果看着不错对你有用麻烦顶一下啊!如果有好的建议或者好的解决方案也麻烦你共享一下,谢谢!E-mail:teng_QQ:37210956