1.新建網(wǎng)頁(yè)，在body里插入<a href="圖片顯示.html" target="new">打開(kāi)新的網(wǎng)頁(yè)</a>，表示設(shè)置文字鏈接，以新窗口方式打開(kāi)"圖片顯示.html"該網(wǎng)頁(yè)。2.在IE里測(cè)試效果。

　　功能特色　　借助共享型用戶界面設(shè)計(jì),在AdobeCreativeSuite4的不同組件之間更快、更明智地工作。使用工作區(qū)切換器可以從一個(gè)工作環(huán)境快速切換到下一個(gè)環(huán)境?！　【唧w功能　　CS6新增功能　　利用AdobeDreamweaverCS6軟件中改善的FTP性能，更高效地傳輸大型文件。更新的“實(shí)時(shí)視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn)HTML5代碼，使您能檢查自己的工作?！　∽赃m應(yīng)網(wǎng)格　　可響應(yīng)的自適應(yīng)網(wǎng)格版面　　使用響應(yīng)迅速的CSS3自適應(yīng)網(wǎng)格版面，來(lái)創(chuàng)建跨平臺(tái)和跨瀏覽器的兼容網(wǎng)頁(yè)設(shè)計(jì)。利用簡(jiǎn)潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計(jì)算機(jī)開(kāi)發(fā)項(xiàng)目，提高工作效率。直觀地創(chuàng)建復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)和頁(yè)面版面，無(wú)需忙于編寫代碼?！　「纳艶TP性能　　利用重新改良的多線程FTP傳輸工具節(jié)省上傳大型文件的時(shí)間。更快速高效地上傳網(wǎng)站文件，縮短制作時(shí)間?！　atalyst集成　　AdobeBusinessCatalyst集成　　使用Dreamweaver中集成的BusinessCatalyst面板連接并編輯您利用AdobeBusinessCatalyst（需另外購(gòu)買）建立的網(wǎng)站。利用托管解決方案建立電子商務(wù)網(wǎng)站?！　≡鰪?qiáng)型jQuery移動(dòng)支持　　使用更新的jQuery移動(dòng)框架支持為iOS和Android平臺(tái)建立本地應(yīng)用程序。建立觸及移動(dòng)受眾的應(yīng)用程序，同時(shí)簡(jiǎn)化您的移動(dòng)開(kāi)發(fā)工作流程。　　更新的PhoneGap支持　　更新的AdobePhoneGap支持可輕松為Android和iOS建立和封裝本地應(yīng)用程序。通過(guò)改編現(xiàn)有的HTML代碼來(lái)創(chuàng)建移動(dòng)應(yīng)用程序。使用PhoneGap模擬器檢查您的設(shè)計(jì)?！　SS3轉(zhuǎn)換　　將CSS屬性變化制成動(dòng)畫轉(zhuǎn)換效果，使網(wǎng)頁(yè)設(shè)計(jì)栩栩如生。在您處理網(wǎng)頁(yè)元素和創(chuàng)建優(yōu)美效果時(shí)保持對(duì)網(wǎng)頁(yè)設(shè)計(jì)的精準(zhǔn)控制?！　「碌膶?shí)時(shí)視圖　　使用更新的“實(shí)時(shí)視圖”功能在發(fā)布前測(cè)試頁(yè)面?！皩?shí)時(shí)視圖”現(xiàn)已使用最新版的WebKit轉(zhuǎn)換引擎，能夠提供絕佳的HTML5支持?！　「碌亩嗥聊活A(yù)覽面板　　利用更新的“多屏幕預(yù)覽”面板檢查智能手機(jī)、平板電腦和臺(tái)式機(jī)所建立項(xiàng)目的顯示畫面。該增強(qiáng)型面板能夠讓您檢查HTML5內(nèi)容呈現(xiàn)?！　S5后的新增功能　　借助AdobeDreamweaverCS5.5軟件充滿自信地進(jìn)行設(shè)計(jì)、構(gòu)建最新的HTML5和CSS3網(wǎng)站、令交互性更上一層樓。同時(shí)為多個(gè)設(shè)備進(jìn)行設(shè)計(jì)，并對(duì)全面的代碼檢查充滿自信?！　　岸嗥聊活A(yù)覽”面板　　借助“多屏幕預(yù)覽”面板，為智能手機(jī)、Tablet和個(gè)人計(jì)算機(jī)進(jìn)行設(shè)計(jì)。借助媒體查詢支持，開(kāi)發(fā)人員可以通過(guò)一個(gè)面板為各種設(shè)備設(shè)計(jì)樣式并實(shí)現(xiàn)渲染可視化?！　SS3/HTML5支持　　通過(guò)CSS面板設(shè)置樣式，該面板經(jīng)過(guò)更新可支持新的CSS3規(guī)則。設(shè)計(jì)視圖現(xiàn)支持媒體查詢，在您調(diào)整屏幕尺寸的同時(shí)可應(yīng)用不同的樣式。使用HTML5進(jìn)行前瞻性的編碼，同時(shí)提供代碼提示和設(shè)計(jì)視圖渲染支持?！　Query集成　　借助jQuery代碼提示加入高級(jí)交互性。jQuery是行業(yè)標(biāo)準(zhǔn)JavaScript庫(kù)，允許您為網(wǎng)頁(yè)輕松加入各種交互性。借助針對(duì)手機(jī)的起動(dòng)模板快速啟動(dòng)?！　〗柚鶳honeGap構(gòu)建本機(jī)Android和iOS應(yīng)用程序　　借助新增的PhoneGap功能為Android和iOS構(gòu)建并打包本機(jī)應(yīng)用程序。借助PhoneGap構(gòu)建本機(jī)Android和iOS應(yīng)用程序?！　⌒略龉δ堋　?shí)時(shí)視圖新增功能　　借助DreamweaverCS4中新增的實(shí)時(shí)視圖在真實(shí)的瀏覽器環(huán)境中設(shè)計(jì)網(wǎng)頁(yè),同時(shí)仍可以直接訪問(wèn)代碼。呈現(xiàn)的屏幕內(nèi)容會(huì)立即反映出對(duì)代碼所做的更改?！　♂槍?duì)Ajax和JavaScript框架的代碼提示新增功能?！　〗柚倪M(jìn)的JavaScript核心對(duì)象和基本數(shù)據(jù)類型支持,更快速、準(zhǔn)確地編寫JavaScript。通過(guò)集成包括jQuery、Prototype和Spry在內(nèi)的流行JavaScript框架,充分利用DreamweaverCS4的擴(kuò)展編碼功能?！　∠嚓P(guān)文件新增功能　　源代碼,在“設(shè)計(jì)”視圖中查看父頁(yè)面?！　〖删幋a增強(qiáng)功能　　領(lǐng)略內(nèi)建代碼提示的強(qiáng)大功能,令HTML、JavaScript、Spry和jQuery等Ajax框架、原型和幾種服務(wù)器語(yǔ)言中的編碼更快、更清晰?！　〈a導(dǎo)航器新增功能　　新增的“代碼導(dǎo)航器”功能可顯示影響當(dāng)前選定內(nèi)容的所有代碼源,如CSS規(guī)則、服務(wù)器端包括、外部JavaScript功能、Dreamweaver模板、iframe源文件等?！　dobeAIR創(chuàng)作支持新增功能　　在Dreamweaver中直接新建基于HTML和JavaScript的AdobeAIR應(yīng)用程序。在Dreamweaver中即可預(yù)覽AIR應(yīng)用程序。使AdobeAIR應(yīng)用程序隨時(shí)可與AIR打包及代碼簽名功能一起部署?！　LV支持增強(qiáng)功能　　通過(guò)輕松點(diǎn)擊和符合標(biāo)準(zhǔn)的編碼將FLV文件集成到任何網(wǎng)頁(yè)中-無(wú)需AdobeFLASH軟件知識(shí)。設(shè)計(jì)時(shí)在Dreamweaver全新的實(shí)時(shí)視圖中播放FLV影片?！　≈С诸I(lǐng)先技術(shù)　　在支持大多數(shù)領(lǐng)先Web開(kāi)發(fā)技術(shù)的工具中進(jìn)行設(shè)計(jì)和編碼,這些技術(shù)包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion軟件和ASP?！　W(xué)習(xí)最佳做法　　參考CSS最佳做法實(shí)現(xiàn)可視化設(shè)計(jì)并輔以通俗易懂的實(shí)用概念說(shuō)明。在支持可訪問(wèn)性和最佳做法的同時(shí)創(chuàng)造Ajax驅(qū)動(dòng)的交互性?！　〖稍鰪?qiáng)　　通過(guò)跨產(chǎn)品線的直接通信和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和強(qiáng)大功能,包括AdobeFLASHCS4Professional、FIREWORKSCS4、PhotoshopCS4和DeviceCentralCS4軟件?！　dobeInContextEditing新增功能　　在Dreamweaver中設(shè)計(jì)頁(yè)面,使最終用戶能使用AdobeInContextEditing在線服務(wù)編輯他們的網(wǎng)頁(yè),無(wú)需幫助或使用其它軟件。作為Dreamweaver設(shè)計(jì)人員,您可以限制對(duì)特定頁(yè)面、特殊區(qū)域的更改權(quán),甚至可以自定格式選項(xiàng)?！　ubversion集成新增功能　　在Dreamweaver中直接更新站點(diǎn)和登記修改內(nèi)容。DreamweaverCS4與Subversion軟件緊密集成,后者是一款開(kāi)放源代碼版本控制系統(tǒng),可以提供更強(qiáng)大的登記/注銷體驗(yàn)?！　】缙脚_(tái)支持增強(qiáng)功能　　隨心所欲,盡情工作:DreamweaverCS4可用于基于Intel或PowerPC的Mac、MicrosoftWindowsXP以及WindowsVista系統(tǒng)。在首選系統(tǒng)中設(shè)計(jì),交付跨平臺(tái)、可靠、一致、高性能的成果。　　Adobe Dreamweaver，簡(jiǎn)稱“DW”，中文名稱 "夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，DW是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)?！　acromedia公司成立于1992年，2005年被Adobe公司收購(gòu)?！　dobe Dreamweaver使用所見(jiàn)即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）編輯的功能。它有Mac和Windows系統(tǒng)的版本。隨Macromedia被Adobe收購(gòu)后，Adobe也開(kāi)始計(jì)劃開(kāi)發(fā)Linux版本的Dreamweaver了。 Dreamweaver自MX版本開(kāi)始，使用了Opera的排版引擎"Presto" 作為網(wǎng)頁(yè)預(yù)覽。

　　功能特色　　借助共享型用戶界面設(shè)計(jì),在AdobeCreativeSuite4的不同組件之間更快、更明智地工作。使用工作區(qū)切換器可以從一個(gè)工作環(huán)境快速切換到下一個(gè)環(huán)境?！　【唧w功能　　CS6新增功能　　利用AdobeDreamweaverCS6軟件中改善的FTP性能，更高效地傳輸大型文件。更新的“實(shí)時(shí)視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn)HTML5代碼，使您能檢查自己的工作?！　∽赃m應(yīng)網(wǎng)格　　可響應(yīng)的自適應(yīng)網(wǎng)格版面　　使用響應(yīng)迅速的CSS3自適應(yīng)網(wǎng)格版面，來(lái)創(chuàng)建跨平臺(tái)和跨瀏覽器的兼容網(wǎng)頁(yè)設(shè)計(jì)。利用簡(jiǎn)潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計(jì)算機(jī)開(kāi)發(fā)項(xiàng)目，提高工作效率。直觀地創(chuàng)建復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)和頁(yè)面版面，無(wú)需忙于編寫代碼?！　「纳艶TP性能　　利用重新改良的多線程FTP傳輸工具節(jié)省上傳大型文件的時(shí)間。更快速高效地上傳網(wǎng)站文件，縮短制作時(shí)間?！　atalyst集成　　AdobeBusinessCatalyst集成　　使用Dreamweaver中集成的BusinessCatalyst面板連接并編輯您利用AdobeBusinessCatalyst（需另外購(gòu)買）建立的網(wǎng)站。利用托管解決方案建立電子商務(wù)網(wǎng)站?！　≡鰪?qiáng)型jQuery移動(dòng)支持　　使用更新的jQuery移動(dòng)框架支持為iOS和Android平臺(tái)建立本地應(yīng)用程序。建立觸及移動(dòng)受眾的應(yīng)用程序，同時(shí)簡(jiǎn)化您的移動(dòng)開(kāi)發(fā)工作流程?！　「碌腜honeGap支持　　更新的AdobePhoneGap支持可輕松為Android和iOS建立和封裝本地應(yīng)用程序。通過(guò)改編現(xiàn)有的HTML代碼來(lái)創(chuàng)建移動(dòng)應(yīng)用程序。使用PhoneGap模擬器檢查您的設(shè)計(jì)?！　SS3轉(zhuǎn)換　　將CSS屬性變化制成動(dòng)畫轉(zhuǎn)換效果，使網(wǎng)頁(yè)設(shè)計(jì)栩栩如生。在您處理網(wǎng)頁(yè)元素和創(chuàng)建優(yōu)美效果時(shí)保持對(duì)網(wǎng)頁(yè)設(shè)計(jì)的精準(zhǔn)控制?！　「碌膶?shí)時(shí)視圖　　使用更新的“實(shí)時(shí)視圖”功能在發(fā)布前測(cè)試頁(yè)面。“實(shí)時(shí)視圖”現(xiàn)已使用最新版的WebKit轉(zhuǎn)換引擎，能夠提供絕佳的HTML5支持?！　「碌亩嗥聊活A(yù)覽面板　　利用更新的“多屏幕預(yù)覽”面板檢查智能手機(jī)、平板電腦和臺(tái)式機(jī)所建立項(xiàng)目的顯示畫面。該增強(qiáng)型面板能夠讓您檢查HTML5內(nèi)容呈現(xiàn)?！　S5后的新增功能　　借助AdobeDreamweaverCS5.5軟件充滿自信地進(jìn)行設(shè)計(jì)、構(gòu)建最新的HTML5和CSS3網(wǎng)站、令交互性更上一層樓。同時(shí)為多個(gè)設(shè)備進(jìn)行設(shè)計(jì)，并對(duì)全面的代碼檢查充滿自信。　　“多屏幕預(yù)覽”面板　　借助“多屏幕預(yù)覽”面板，為智能手機(jī)、Tablet和個(gè)人計(jì)算機(jī)進(jìn)行設(shè)計(jì)。借助媒體查詢支持，開(kāi)發(fā)人員可以通過(guò)一個(gè)面板為各種設(shè)備設(shè)計(jì)樣式并實(shí)現(xiàn)渲染可視化。　　CSS3/HTML5支持　　通過(guò)CSS面板設(shè)置樣式，該面板經(jīng)過(guò)更新可支持新的CSS3規(guī)則。設(shè)計(jì)視圖現(xiàn)支持媒體查詢，在您調(diào)整屏幕尺寸的同時(shí)可應(yīng)用不同的樣式。使用HTML5進(jìn)行前瞻性的編碼，同時(shí)提供代碼提示和設(shè)計(jì)視圖渲染支持?！　Query集成　　借助jQuery代碼提示加入高級(jí)交互性。jQuery是行業(yè)標(biāo)準(zhǔn)JavaScript庫(kù)，允許您為網(wǎng)頁(yè)輕松加入各種交互性。借助針對(duì)手機(jī)的起動(dòng)模板快速啟動(dòng)。　　借助PhoneGap構(gòu)建本機(jī)Android和iOS應(yīng)用程序　　借助新增的PhoneGap功能為Android和iOS構(gòu)建并打包本機(jī)應(yīng)用程序。借助PhoneGap構(gòu)建本機(jī)Android和iOS應(yīng)用程序?！　⌒略龉δ堋　?shí)時(shí)視圖新增功能　　借助DreamweaverCS4中新增的實(shí)時(shí)視圖在真實(shí)的瀏覽器環(huán)境中設(shè)計(jì)網(wǎng)頁(yè),同時(shí)仍可以直接訪問(wèn)代碼。呈現(xiàn)的屏幕內(nèi)容會(huì)立即反映出對(duì)代碼所做的更改?！　♂槍?duì)Ajax和JavaScript框架的代碼提示新增功能?！　〗柚倪M(jìn)的JavaScript核心對(duì)象和基本數(shù)據(jù)類型支持,更快速、準(zhǔn)確地編寫JavaScript。通過(guò)集成包括jQuery、Prototype和Spry在內(nèi)的流行JavaScript框架,充分利用DreamweaverCS4的擴(kuò)展編碼功能?！　∠嚓P(guān)文件新增功能　　源代碼,在“設(shè)計(jì)”視圖中查看父頁(yè)面。　　集成編碼增強(qiáng)功能　　領(lǐng)略內(nèi)建代碼提示的強(qiáng)大功能,令HTML、JavaScript、Spry和jQuery等Ajax框架、原型和幾種服務(wù)器語(yǔ)言中的編碼更快、更清晰?！　〈a導(dǎo)航器新增功能　　新增的“代碼導(dǎo)航器”功能可顯示影響當(dāng)前選定內(nèi)容的所有代碼源,如CSS規(guī)則、服務(wù)器端包括、外部JavaScript功能、Dreamweaver模板、iframe源文件等?！　dobeAIR創(chuàng)作支持新增功能　　在Dreamweaver中直接新建基于HTML和JavaScript的AdobeAIR應(yīng)用程序。在Dreamweaver中即可預(yù)覽AIR應(yīng)用程序。使AdobeAIR應(yīng)用程序隨時(shí)可與AIR打包及代碼簽名功能一起部署?！　LV支持增強(qiáng)功能　　通過(guò)輕松點(diǎn)擊和符合標(biāo)準(zhǔn)的編碼將FLV文件集成到任何網(wǎng)頁(yè)中-無(wú)需AdobeFLASH軟件知識(shí)。設(shè)計(jì)時(shí)在Dreamweaver全新的實(shí)時(shí)視圖中播放FLV影片。　　支持領(lǐng)先技術(shù)　　在支持大多數(shù)領(lǐng)先Web開(kāi)發(fā)技術(shù)的工具中進(jìn)行設(shè)計(jì)和編碼,這些技術(shù)包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion軟件和ASP。　　學(xué)習(xí)最佳做法　　參考CSS最佳做法實(shí)現(xiàn)可視化設(shè)計(jì)并輔以通俗易懂的實(shí)用概念說(shuō)明。在支持可訪問(wèn)性和最佳做法的同時(shí)創(chuàng)造Ajax驅(qū)動(dòng)的交互性?！　〖稍鰪?qiáng)　　通過(guò)跨產(chǎn)品線的直接通信和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和強(qiáng)大功能,包括AdobeFLASHCS4Professional、FIREWORKSCS4、PhotoshopCS4和DeviceCentralCS4軟件?！　dobeInContextEditing新增功能　　在Dreamweaver中設(shè)計(jì)頁(yè)面,使最終用戶能使用AdobeInContextEditing在線服務(wù)編輯他們的網(wǎng)頁(yè),無(wú)需幫助或使用其它軟件。作為Dreamweaver設(shè)計(jì)人員,您可以限制對(duì)特定頁(yè)面、特殊區(qū)域的更改權(quán),甚至可以自定格式選項(xiàng)?！　ubversion集成新增功能　　在Dreamweaver中直接更新站點(diǎn)和登記修改內(nèi)容。DreamweaverCS4與Subversion軟件緊密集成,后者是一款開(kāi)放源代碼版本控制系統(tǒng),可以提供更強(qiáng)大的登記/注銷體驗(yàn)。　　跨平臺(tái)支持增強(qiáng)功能　　隨心所欲,盡情工作:DreamweaverCS4可用于基于Intel或PowerPC的Mac、MicrosoftWindowsXP以及WindowsVista系統(tǒng)。在首選系統(tǒng)中設(shè)計(jì),交付跨平臺(tái)、可靠、一致、高性能的成果?！　dobe Dreamweaver，簡(jiǎn)稱“DW”，中文名稱 "夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，DW是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)?！　acromedia公司成立于1992年，2005年被Adobe公司收購(gòu)?！　dobe Dreamweaver使用所見(jiàn)即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）編輯的功能。它有Mac和Windows系統(tǒng)的版本。隨Macromedia被Adobe收購(gòu)后，Adobe也開(kāi)始計(jì)劃開(kāi)發(fā)Linux版本的Dreamweaver了。 Dreamweaver自MX版本開(kāi)始，使用了Opera的排版引擎"Presto" 作為網(wǎng)頁(yè)預(yù)覽。

1.打開(kāi)軟件dreamweaver8寫如下代碼，如圖：調(diào)用CSS樣式：<link rel="stylesheet" type="text/css" href="css/style.css" />調(diào)用JS插件代碼：<script type="text/javascript" src="js/jquery.js"></script><!--效果html開(kāi)始--><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript">$(function(){ var aPage = $('#main .page a'); //分頁(yè)按鈕 var aImg = $('#main .box img'); //圖像集合 var iSize = aImg.size(); //圖像個(gè)數(shù) var index = 0; //切換索引 var t; $('#btnLeft').click(function(){ //左邊按鈕點(diǎn)擊 index--; if(index<0){ index=iSize-1 } change(index) }) $('#btnRight').click(function(){    //右邊按鈕點(diǎn)擊 index++; if(index>iSize-1){ index=0 } change(index) }) //分頁(yè)按鈕點(diǎn)擊 aPage.click(function(){ index = $(this).index(); change(index) }); //切換過(guò)程 function change(index){ aPage.removeClass('active'); aPage.eq(index).addClass('active'); aImg.stop(); //隱藏除了當(dāng)前元素，所以圖像 aImg.eq(index).siblings().animate({ opacity:0 },1000) //顯示當(dāng)前圖像 aImg.eq(index).animate({ opacity:1 },1000) } function autoshow() { index=index+1; if(index<=iSize-1){   change(index); }else{ index=0; change(index); } } int=setInterval(autoshow,3000); function clearInt() { $('#btnLeft,#btnRight,.page a').mouseover(function() { clearInterval(int); }) } function setInt() { $('#btnLeft,#btnRight,.page a').mouseout(function() { int=setInterval(autoshow,3000); }) } clearInt(); setInt();})</script><div id="main"> <a class="btnLeft" id="btnLeft" href="javascript:void(0);"></a> <a class="btnRight" id="btnRight" href="javascript:void(0);"></a> <div class="box"> <img style="opacity:1;filter:alpha(opacity=100);" src="images/圖片名稱1.jpg" /> <img src="images/圖片名稱2.jpg" /> <img src="images/圖片名稱3.jpg" /> </div> <div class="page"> <a class="active" href="javascript:void(0);">1</a> <a href="javascript:void(0);">2</a> <a href="javascript:void(0);">3</a> </div></div><!--效果html結(jié)束-->2.最后查看聚焦效果圖，如圖：

讓圖片一背景的形式出現(xiàn)，然后再就可以在背景上打字了