Image和ImageMap控件PPT課件

1、.,1,Image和ImageMap控件,Image控件用于在網(wǎng)頁(yè)設(shè)計(jì)中，和大多數(shù)其它服務(wù)控件不同，Image控件不支持任何事件，如不響應(yīng)鼠標(biāo)單擊事件。如果需要?jiǎng)?chuàng)建交互式圖像，可以通過(guò)ImageButton或ImageMap控件來(lái)實(shí)現(xiàn)。,.,2,ImageMap控件,ImageMap控件是圖片地圖控件，可以在一幅圖片上設(shè)置多個(gè)熱區(qū)，當(dāng)用戶單擊不同熱區(qū)的時(shí)候會(huì)有不同的反應(yīng)。ImageMap控件主要包括ImageUrl、HotSpotMode和HotSpots等屬性，以及一個(gè)Click事件。,.,3,ImageMap控件格式,.,4,例3-28ImageMap控件的使用,打開vs2005，創(chuàng)建網(wǎng)頁(yè)

2、，拖放一個(gè)ImageMap控件和一個(gè)Label到頁(yè)面上在“屬性”窗口，設(shè)置控件的ImageUrl屬性為要顯示的圖片URL。如圖所示：,.,5,設(shè)置控件的HotSpotMode屬性來(lái)指定單擊熱區(qū)是定向操作還是回傳操作。設(shè)置作用點(diǎn)，如下所示：在”屬性“窗口，單擊屬性HotSpots,打開”HotSpot集合編輯器“對(duì)話框。如圖：,.,6,單擊”添加“按鈕。例題中定義了四個(gè)作用點(diǎn)。同時(shí)對(duì)每個(gè)作用點(diǎn)，做相應(yīng)的設(shè)置，如圖:,.,7,.,8,.,9,.,10,protectedvoidImageMap1_Click(objectsender,ImageMapEventArgse)intsinacount=

3、(ViewStatesinacount!=null)?(int)ViewStatesinacount:0);inthexuncount=(ViewStatehexuncount!=null)?(int)ViewStatehexuncount:0);if(e.PostBackValue.Contains(sina)sinacount+=1;Label1.Text=新浪現(xiàn)在的投票數(shù)是：+sinacount+和訊現(xiàn)在的投票數(shù)是：+hexuncount;elseif(e.PostBackValue.Contains(hexun)hexuncount+=1;Label1.Text=新浪現(xiàn)在的投票數(shù)是：+sinacount+和訊現(xiàn)在的投票數(shù)是：+hexuncount;ViewStatesinacount=sinacount;ViewStatehexuncount=hexuncount;,在ImageMap控件屬性窗口，添加事件，輸入如下代碼：,.,11,.,12,.,13,運(yùn)行結(jié)果,如圖所示：,.,14,上例中在ImageMap控件中定義了4個(gè)矩形熱區(qū)。當(dāng)用戶單擊上下兩個(gè)“新浪”、“和訊”的圖標(biāo)時(shí)，會(huì)自動(dòng)鏈接到指定的URL；當(dāng)用戶單擊”投票“熱區(qū)時(shí)，會(huì)觸發(fā)控件的Click事件。此事件比較簡(jiǎn)單，此事