public partial class Form1 Form int 第几张 = 1 double 边界比例 = 017 如果在左右边界20%宽度内点击则切换图片 Font 字体 = new Fontquot微软雅黑quot， 14， FontStyleBold Brush 矩形画。

参考代码lt！DOCTYPE html Title btn display block margin135px auto width 30px height 30px fontsize 30px cursor pointer btnhover color。

用js的 eventkeyCode来获取方向键从网上你可以查到左右方向键对应的keyCode值，这样你就能获取到左右键点击事件了然后当左右键点击的时候，触发显示和隐藏对应图片的功能图片的显示和隐藏，你可以用js给对应的图片添加。

Arrayquotimg1jpegquot，quotimg2jpegquot，quotimg3jpegquot，quotimg4jpegquot，quotimg5jpegquot，quotimg6jpegquot，quotimg7jpegquot，quotimg8jpegquot，quotimg9jpegquot，quotimg10jpegquotvar arr1=new Arrayquotimg9jpegquot，quotimg1jpegquot，quot。

2javascript代码 function changenifn5 n=1 一共5张图片，所以循环替换documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTimeoutquotchangequot+n+quotquot，1000。

现在具体讲一下 CSS控制实现 图片切换效果首先制作一个 ID为abc 的div 宽度50px 高度50px 在abc里面随便打一个字 设置一个空链接然后定义 abc 宽度50px 高度50px a标签的块形式 代码如下lt！#abc a。

if$index === 0 当前为第一张轮播图 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot这里写成你自动切换的代码，我这里只是一个无动态切换效果的方法。

Android中的ViewPager则实现了左右滑动的效果，ViewPager类提供了多界面切换的新效果利用ViewPager实现图片循环滚动代码如下 1首先是布局文件，使用了一个ViewPager控件 ltRelativeLayout xmlnsandroid=quot。