国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript 線性漸變?nèi)?/h1>
2024-05-06 14:13:35
字體：大 中 小
供稿：網(wǎng)友
IE還有一個利器至今沒有被使用過，那就是VML。雖然比不上SVG，但它還是非常強大的。在實現(xiàn)漸變上，其fill還比IE的Gragient濾鏡強悍得多了。不過VML出現(xiàn)得比較早，只支持很少的顏色名，如red,blue,yellow，其他如orange就可以搞死它了。因此要使用VML做線性漸變，我們得對這些顏色名做一下轉(zhuǎn)換。
HTML4的顏色值
black = #000000green = #008000silver = #c0c0c0lime = #00ff00
gray = #808080olive = #808000white = #ffffffyellow = #ffff00
maroon = #800000navy = #000080red = #ff0000blue = #0000ff
purple = #800080teal = #008080fuchsia = #ff00ffaqua = #00ffff
我們可以在火狐官網(wǎng)以及W3C了解到更多的顏色值。
代碼如下:
var htmlcolor={ black :"#000",green :"#008000",silver :"#c0c0c0",lime :"#0f0",
gray :"#808080",olive :"#808000",white :"#fff",yellow :"#ff0",
maroon :"#800000",navy :"#000080",red :"#f00",blue :"#00f",
purple :"#800080",teal :"#008080",fuchsia :"#f0f",aqua :"#0ff",
indigo :"#4b0082",orange : "#ffa500",sienna :"#a0522d",plum :"#dda0dd",
gold :"#ffd700", tan :"#d2b48c", snow :"#fffafa",violet :"#ee82ee"
}

接著我們在需要線性漸變的那個元素內(nèi)部創(chuàng)建一個同樣大小的rect元素，然后里面再添加一個fill元素，用來設(shè)置漸變。偽碼如下：
代碼如下:
<div class="gradient" style="position:relative;width:width;height:height">
javascript線性漸變 by 司徒正美 實現(xiàn)多重水平漸變效果
<vml:rect style="position:absolute;width:width;height;top:0;left:0" stroked="f" >
<vml:fill colors="與SVG相對應(yīng)的color-stop" focus="100%" type="gradient" method="linear"/>
</vml:rect>
</div>


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板： 桐柏县| 晴隆县| 建宁县| 邢台市| 当涂县| 库伦旗| 长春市| 永宁县| 福泉市| 葫芦岛市| 工布江达县| 浦北县| 平潭县| 思茅市| 游戏| 铜山县| 逊克县| 留坝县| 大新县| 广水市| 灵川县| 山丹县| 精河县| 西吉县| 湄潭县| 湖北省| 南川市| 福安市| 克拉玛依市| 剑阁县| 塘沽区| 建瓯市| 垣曲县| 荆门市| 石门县| 柘城县| 双牌县| 承德市| 额敏县| 安乡县| 松桃|