做網頁,常常覺得IE瀏覽器的滾動條與設計的網頁不一致,就像好好的一鍋湯,不小心掉了老鼠屎進去一樣,嚴重影響了網頁整體的美觀。想盡辦法去處理,卻不盡人意,比如用彈出窗口,免不了造成瀏覽都點擊放大按鈕的麻煩,把滾動條去掉,可是它不適用于一屏顯示不了的網頁。
現在好了,這樣的問題已經從一定的程度上得到了解決!讓人討厭的微軟,做盡不少壟斷事情的微軟,還是從客戶方向考慮增強軟件的功能的,IE瀏覽器5.5以上版本已經允許人們設置樣式表來改變滾動條的外觀。來看看效果吧
現在我們一步步來看看是如何制造這種效果的吧:
原理之前已經說了,就是IE5.5以上版本內嵌了用樣式表(CSS)來控制它的游動條的功能,只要為網頁添加CSS代碼即可完成。有些人聽到代碼就頭疼,大家放心,有人已經利用Dreamweaver的擴展接口做好了MXP插件,大家只要去有關網站即可下載安裝。我們做的功夫只是選擇顏色數值。
*&^%¥@#,哇,誰扔蕉皮?
*&^&$^%&%&$$#,哇,誰砸石頭?
...
好了好了,廢話少說,只因公司要字數,只好...希望大家體諒體諒!不想看的可以直接去效果頁面,直接copy源代碼!
廢話少說,現在讓我來開門見山(嘻嘻,還開門見山!!),由安裝開始。
調出插件管理器-Manage Extensions,打開方法:Command-->Manage Extensions
界面如下圖:
點擊按鈕,在存放插件的目錄中選擇插件,雙擊文件,當出現提示窗口時,按OK即可。關閉Dreamweaver,重新起動一次。按快捷鍵Ctrl + F2打開工具箱,即可看到Common里多了一個三角形向上的圖標(下圖箭頭所示)。
點擊圖標,在彈出窗口中按個人需要設定滾動條的各種顏色值。
上圖的注釋:
1、滾動條表面的顏色
2、滾動條高光處(與陰影處正好相反)的顏色
3、滾動條陰影的顏色
4、游動條3D(立體感)顏色
5、滾動條上下按鈕中間三角形的顏色
6、滾動條的顏色(兄弟,你怎么稱呼?滑動方塊后面物體的顏色)
7、滾動條黑陰影顏色
還是加上一張從老外網站上找到的圖片注釋吧
按F12預覽,發現效果已經完成。
效果一:
效果二:
呵呵,是不是很簡單呢?
啊!!!...(請念第四聲!)
(大家覓聲一看,小編TNT已經躺在蕉皮堆之中!)
點擊此處去效果頁
新聞熱點
疑難解答