隨筆 - 20  文章 - 7  trackbacks - 0
          <2007年1月>
          31123456
          78910111213
          14151617181920
          21222324252627
          28293031123
          45678910

          常用鏈接

          留言簿(1)

          隨筆檔案

          文章分類

          文章檔案

          積分與排名

          • 積分 - 20450
          • 排名 - 1709

          最新評論

          弄了整整一個晚上,終于發(fā)現(xiàn)了解決方案:

          1.在DreamweaverMX中,打開你要做多種鏈接效果的頁面。

          2.打開“css styles(CSS 樣式)”面板,新建一個CSS樣式,設置如下圖:需要注意的是,你選擇“Use css selector(使用CSS選擇器)”再選擇“a:hover(鏈接翻轉)”,并沒有出現(xiàn)上圖的效果,其實技巧就是在這里!我們手動把“a:hove”改成“a.one:hove”,也就是在“a”的后面加上一個“.”與名字(可是任意英文或數(shù)字)。設置好后點“OK(確定)”。

          3.在彈出的“style definition for a.one:hover(a.one:hover的CSS樣式定義)”對話框中設置你要的效果,這里我們選擇文字的顏色為紅色。設置完后點“OK(確定)”。

          4.重復第2、3步,第2步需要修改的地方是把“a.one:hover”改為“a.two:hover”(這回“.”后的名字不要與“one”相同)。第3步需要改的就是字體的顏色了,我們設置為藍色。

          5.現(xiàn)在預覽還沒有效果,我們還需看看設置完后的“css styles(CSS 樣式)”控制面板,里面會出現(xiàn)一個“one”和一個“two”。

          6.在頁面中選中其中你想要當鼠標放上去的時候是紅色的鏈接文字,再在“css styles(CSS 樣式)”控制面板中用鼠標選中“one”,然后在文檔窗口中選中當鼠標放上去的時候是藍色的鏈接文字,再在“css styles(CSS 樣式)”控制面板中用鼠標選中“two”。

          7.現(xiàn)在你的頁面已經(jīng)有兩種效果了。注意:如果你瀏覽時只有一個文字成功或都沒有成功,請在代碼視圖下把兩個文字前的“ class="one"”和“ class="two"”分別剪切到文字前的“< P>

          總結:按照以上邏輯,我們可以做出無限個文字鏈接效果,關鍵是在于“a:hover”、“a:active”、“a:link”、“a:visited”的修改而已,前面介紹的只是“a:hover”,其他三個一樣可以。只要參照第2步的設置就可以輕松的搞定。

          posted on 2007-01-26 23:57 The Game, tomtom 閱讀(263) 評論(0)  編輯  收藏

          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導航:
           
          主站蜘蛛池模板: 眉山市| 开平市| 深圳市| 山阳县| 龙陵县| 泉州市| 上杭县| 乌苏市| 唐山市| 济宁市| 东乡县| 延川县| 朔州市| 上高县| 东明县| 雷波县| 乡城县| 灵山县| 城固县| 个旧市| 米泉市| 中西区| 藁城市| 长阳| 阿克苏市| 隆化县| 柘荣县| 新绛县| 定边县| 安乡县| 昆山市| 金山区| 青神县| 泽州县| 湘乡市| 岫岩| 都昌县| 蓬安县| 阿克| 青岛市| 丹巴县|