public partial class Form1 Form int 第幾張 = 1 double 邊界比例 = 017 如果在左右邊界20%寬度內(nèi)點(diǎn)擊則切換圖片 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)上你可以查到左右方向鍵對(duì)應(yīng)的keyCode值，這樣你就能獲取到左右鍵點(diǎn)擊事件了然后當(dāng)左右鍵點(diǎn)擊的時(shí)候，觸發(fā)顯示和隱藏對(duì)應(yīng)圖片的功能圖片的顯示和隱藏，你可以用js給對(duì)應(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控制實(shí)現(xiàn) 圖片切換效果首先制作一個(gè) ID為abc 的div 寬度50px 高度50px 在abc里面隨便打一個(gè)字 設(shè)置一個(gè)空鏈接然后定義 abc 寬度50px 高度50px a標(biāo)簽的塊形式 代碼如下lt！#abc a。

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

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