• <abbr id="qqgmy"></abbr>
      <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
    • <rt id="qqgmy"><code id="qqgmy"></code></rt>
      • 制作高亮顯示文本

        網(wǎng)頁設(shè)計(jì)中,高亮特效指的是任何調(diào)用該方法的對象都被設(shè)置為高亮顯示效果,即設(shè)置背景色為高亮顯示,然后再恢復(fù)默認(rèn)樣式。這種效果常用來在網(wǎng)站建設(shè)時(shí)設(shè)計(jì)交互提示作用,如鼠標(biāo)經(jīng)過數(shù)據(jù)行時(shí),表格行呈現(xiàn)高亮顯示效果,或者鼠標(biāo)單擊目標(biāo)對象時(shí),讓目標(biāo)對象高亮顯示一下,以示界面友好。

        本示例利用jQuery高亮特效設(shè)計(jì)段落文本在鼠標(biāo)經(jīng)過時(shí),呈現(xiàn)高亮閃現(xiàn)效果,以增強(qiáng)文本的互動(dòng)特性。

        【操作步驟】

        第1步,啟動(dòng)Dreamweaver,打開本節(jié)示例中的orig.html文件,另存為effect.html。在本示例中設(shè)計(jì)一個(gè)數(shù)據(jù)表格版面,當(dāng)鼠標(biāo)經(jīng)過時(shí),定義數(shù)據(jù)行能夠高亮閃現(xiàn)一下,以提示用戶留意和注意。

        第2步,把光標(biāo)置于數(shù)據(jù)行第1行,然后拖選第1行,在【屬性】面板中定義第1行<tr>標(biāo)簽的ID值為t。

        第3步,以同樣的方式,分別拖選第2行、第3行、第4行等,在【屬性】面板中分別設(shè)置ID值為t2、t3、t4等。

        第4步,選中第2行標(biāo)簽<tr id="t1">,選擇【窗口】|【行為】命令,打開【行為】面板,單擊加號按鈕,從彈出的下拉菜單中選擇【效果】|Highlight命令。

        第5步,打開Highlight對話框,設(shè)置【目標(biāo)元素】為“<當(dāng)前選定內(nèi)容>”,【效果持續(xù)時(shí)間】為1000ms,即一秒鐘;設(shè)置【可見性】為hide,即效果結(jié)束后隱藏元素;設(shè)置【顏色】為#ffff99,即定義高亮顏色為亮黃色。設(shè)畢,單擊【確定】按鈕完成操作。

        第6步,網(wǎng)頁設(shè)計(jì)時(shí),在【行為】面板中可以看到新增加的行為,單擊左側(cè)的onClick,從彈出的下拉菜單中選擇onMouseOver,即設(shè)計(jì)當(dāng)鼠標(biāo)經(jīng)過正文區(qū)域時(shí),將觸發(fā)高亮特效

        第7步,繼續(xù)模仿第4、5、6步操作,再添加一個(gè)Highlight特效,設(shè)置如圖7.49所示。其中設(shè)置【目標(biāo)元素】為“<當(dāng)前選定內(nèi)容>”,【效果持續(xù)時(shí)間】為100ms,即十分之一秒鐘;設(shè)置【可見性】為show,即效果結(jié)束后顯示元素;設(shè)置【顏色】為#ffff99,即定義高亮顏色為亮黃色,然后單擊【確定】按鈕完成操作。

        第8步,在【行為】面板中可以看到新增加的行為,單擊左側(cè)的onClick,從彈出的下拉菜單中選擇onMouseOver,即設(shè)計(jì)當(dāng)鼠標(biāo)經(jīng)過正文區(qū)域時(shí),將觸發(fā)高亮特效,然后單擊向下箭頭按鈕,把當(dāng)前行為移到下面,讓該行為在上一步定義的行為之后發(fā)生。

        第9步,按Ctrl+S快捷鍵保存頁面,此時(shí)Dreamweaver會(huì)彈出對話框,提示保存兩個(gè)插件文件。單擊【確定】按鈕,保存jquery-1.8.3.min.js和jquery-ui-effects.cus-tom.min.js兩個(gè)庫文件。

        第10步,以同樣的方式為其他數(shù)據(jù)行綁定高亮隱藏和顯示特效。

        第11步,在瀏覽器中預(yù)覽,當(dāng)鼠標(biāo)移到摘要正文上時(shí),文字會(huì)高亮顯示并逐步隱藏,然后再恢復(fù)正常顯示。

        網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號)
        在线一区视频二区三区,av无码久久久不卡网站,亚洲国产人成精品,国产成人白丝视频
        • <abbr id="qqgmy"></abbr>
          <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
        • <rt id="qqgmy"><code id="qqgmy"></code></rt>