Ajax无刷新实现图片切换特效

2009-12-13 12:42| 发布者: admin| 查看: 54| 评论: 0|原作者: 江月

□一、AjaxMethod usingSy......

一、AjaxMethod
using System;
using System.Data;
using System.Data.SqlClient;
namespace AjaxImage
{
/**////

/// AjaxMethod 的摘要说明。
///

public class AjaxMethod
{
public AjaxMethod()
{
}
public static string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"].ToString();
GetDataSet#region GetDataSet
public static DataSet GetDataSet(string sql)
{
SqlDataAdapter sda = new SqlDataAdapter(sql, ConnectionString);
DataSet ds = new DataSet();
sda.Fill(ds);
if (ds != null)
return ds;
else
return null;
}
#endregion
[AjaxPro.AjaxMethod]
public static DataSet GetPhotoList( int iCategoryID )
{
string sql = "Select id,photo_path FROM Photo where photo_category_id=" + iCategoryID ;
return GetDataSet( sql );
}
[AjaxPro.AjaxMethod]
public static DataSet GetPhotoInfo( int id )
{
string sql = string.Format("SELECT photo_title, photo_description FROM Photo WHERE id = {0}", id);
return GetDataSet( sql );
}
}//end class
}
二、页面HTML代码：

onmouseout="this.src="http://www.xiugoo.com/images/play_bw.gif'">

onmouseout="this.src="http://www.xiugoo.com/images/pause_bw.gif'">

onmouseout="this.src="http://www.xiugoo.com/images/prev_bw.gif'">

onmouseout="this.src="http://www.xiugoo.com/images/next_bw.gif'">

三、JAVASCRIPT:

四、在主页面的ONLOAD事件里面添加：
onload="PreloadImage('2')"
五、WebConfig添加:

六、数据库脚本:
CREATE TABLE [Photo] (
[id] [int] IDENTITY (1, 1) NOT NULL ,
[photo_title] [varchar] (128) COLLATE Chinese_PRC_CI_AS NULL ,
[photo_description] [text] COLLATE Chinese_PRC_CI_AS NULL ,
[photo_category_id] [int] NULL ,
[photo_path] [varchar] (255) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
GO

收藏分享邀请

		自动登录	找回密码
密码			注册

Ajax无刷新实现图片切换特效

最新评论

相关分类