public partial class Form1 Form int 第幾張 = 1 double 邊界比例 = 017 如果在左右邊界20%寬度內(nèi)點擊則切換圖片 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來獲取方向鍵從網(wǎng)上你可以查到左右方向鍵對應(yīng)的keyCode值，這樣你就能獲取到左右鍵點擊事件了然后當左右鍵點擊的時候，觸發(fā)顯示和隱藏對應(yīng)圖片的功能圖片的顯示和隱藏，你可以用js給對應(yīng)的圖片添加。

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

2javascript代碼 function changenifn5 n=1 一共5張圖片，所以循環(huán)替換documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTimeoutquotchangequot+n+quotquot，1000。

現(xiàn)在具體講一下 CSS控制實現(xiàn) 圖片切換效果首先制作一個 ID為abc 的div 寬度50px 高度50px 在abc里面隨便打一個字 設(shè)置一個空鏈接然后定義 abc 寬度50px 高度50px a標簽的塊形式 代碼如下lt！#abc a。

if$index === 0 當前為第一張輪播圖 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot這里寫成你自動切換的代碼，我這里只是一個無動態(tài)切換效果的方法。

Android中的ViewPager則實現(xiàn)了左右滑動的效果，ViewPager類提供了多界面切換的新效果利用ViewPager實現(xiàn)圖片循環(huán)滾動代碼如下 1首先是布局文件，使用了一個ViewPager控件 ltRelativeLayout xmlnsandroid=quot。