首页 > 学院 > 常见问题 > 正文

怎么制作图片轮换效果 制作图片轮换效果的方法

2019-12-17 23:58:44
字体:
来源:转载
供稿:网友

怎么制作图片轮换效果 制作图片轮换效果的方法  制作图片轮换效果的方法

  打开VS2010,单击“文件”》“新建”》“网站”,新建一个网站,命名为tupianlunhuan。(这个熟悉vs的应该都能做到。)新建一个文件夹images,把要进行轮换的图片都放入到这个文件夹中。

 

怎么制作图片轮换效果 制作图片轮换效果的方法

  右键单击网站名称,新建一个“web窗体“页,命名为tupianlunhuan1.aspx。整体文档结构如下。

 

怎么制作图片轮换效果 制作图片轮换效果的方法

  在tupianlunhuan.aspx页面的body主体中,添加一个div盒子(要设置div的id属性和class属性),用来写显示轮换图片的代码,并为图片添加超链接

 

怎么制作图片轮换效果 制作图片轮换效果的方法

  设置css样式

 

怎么制作图片轮换效果 制作图片轮换效果的方法

  先导入JQuery的类库,然后再导入KinSlideshow的js文件(写好的js代码,导入了这个文件之后,我们直接调用即可,只需要设置切换参数和外观参数)。下面是完整的JQuery代码(还有很多其他参数,可以根据自己需要设置)

 

怎么制作图片轮换效果 制作图片轮换效果的方法

  然后保存代码,运行。

 

怎么制作图片轮换效果 制作图片轮换效果的方法

  END

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表