js 實(shí)現(xiàn)無干擾陰影效果 簡單好用(附文件下載)
更新時(shí)間:2009年12月27日 22:32:34 作者:
js實(shí)現(xiàn)無干擾陰影效果,簡單好用,需要的朋友可以參考下。
插件(當(dāng)然不知道算不算插件)使用說明:
1.加載文件
<script type="text/javascript" src="Shadows.js"></script>
編寫html:
<div style="font: bold 32pt sans-serif;">
<span shadow = '3px 3px blue 5px 5px red 7px 7px green'>Shadow</span> |No Shadow
</div>
ok!
參數(shù)說明:
shadow/*屬性名*/ = '3px/*陰影相對(duì)于要編輯的文字的位置*/ 3pxblue/*陰影顏色*/ 5px 5px red 7px 7px green'
效果圖(此處參數(shù)為(shadow = '1px 1px blue 3px 3px red 5px 5px green')):
打包下載
1.加載文件
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="Shadows.js"></script>
編寫html:
復(fù)制代碼 代碼如下:
<div style="font: bold 32pt sans-serif;">
<span shadow = '3px 3px blue 5px 5px red 7px 7px green'>Shadow</span> |No Shadow
</div>
ok!
參數(shù)說明:
shadow/*屬性名*/ = '3px/*陰影相對(duì)于要編輯的文字的位置*/ 3pxblue/*陰影顏色*/ 5px 5px red 7px 7px green'
效果圖(此處參數(shù)為(shadow = '1px 1px blue 3px 3px red 5px 5px green')):
打包下載
您可能感興趣的文章:
- JSP實(shí)現(xiàn)彈出登陸框以及陰影效果
- WebGL three.js學(xué)習(xí)筆記之陰影與實(shí)現(xiàn)物體的動(dòng)畫效果
- 利用Three.js如何實(shí)現(xiàn)陰影效果實(shí)例代碼
- js當(dāng)前頁面登錄注冊(cè)框,固定div,底層陰影的實(shí)例代碼
- JS當(dāng)前頁面登錄注冊(cè)框,固定DIV,底層陰影的實(shí)例代碼
- Div+Js實(shí)現(xiàn)的帶陰影菜單 微軟以前網(wǎng)站曾用過
- 用JS實(shí)現(xiàn)網(wǎng)頁元素陰影效果的研究總結(jié)
- JavaScript canvas實(shí)現(xiàn)帶有陰影的圖形和文字
相關(guān)文章
js實(shí)現(xiàn)點(diǎn)擊切換TAB標(biāo)簽實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)擊切換TAB標(biāo)簽的方法,涉及javascript鼠標(biāo)點(diǎn)擊事件及頁面元素的遍歷技巧,需要的朋友可以參考下2015-08-08
微信小程序仿微信運(yùn)動(dòng)步數(shù)排行(交互)
這篇文章主要介紹了微信小程序仿微信運(yùn)動(dòng)步數(shù)排行(交互),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
js 索引下標(biāo)之li集合綁定點(diǎn)擊事件
本文通過一段實(shí)例代碼給大家講解了js索引下標(biāo)之li集合綁定點(diǎn)擊事件的相關(guān)知識(shí),代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2018-01-01
基于Javascript實(shí)現(xiàn)網(wǎng)頁版的繪圖板
這篇文章主要為大家詳細(xì)介紹了如何基于HTML5 Canvas和jQuery實(shí)現(xiàn)的簡單網(wǎng)頁版繪圖編輯器,文中的示例代碼講解詳細(xì),需要的小伙伴可以了解下2024-10-10
JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法,涉及javascript針對(duì)字符串與數(shù)組的遍歷、判斷、刪除、添加等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
JS獲取select-option-text_value的方法
這篇文章主要介紹了JS獲取select-option-text_value的方法,有需要的朋友可以參考一下2013-12-12

