快捷導(dǎo)航

JS實(shí)現(xiàn)讓訪問(wèn)者自助選擇網(wǎng)頁(yè)文字顏色的方法

更新時(shí)間：2015年02月24日 15:23:31 作者：代碼家園

這篇文章主要介紹了JS實(shí)現(xiàn)讓訪問(wèn)者自助選擇網(wǎng)頁(yè)文字顏色的方法,涉及javascript針對(duì)radio表單控件的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)讓訪問(wèn)者自助選擇網(wǎng)頁(yè)文字顏色的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<html>
<head>
<title>JS實(shí)現(xiàn)讓訪問(wèn)者自助選擇網(wǎng)頁(yè)的文字顏色</title>
<script language="javascript">
<!--
 function chColor(c){
 document.body.style.color = c;
 }
//-->
</script>
</head>
<body>
<input name="c" type="radio" value="#000000" onClick="chColor(this.value)" checked>黑
<input name="c" type="radio" value="#0000FF" onClick="chColor(this.value)">藍(lán)
<input name="c" type="radio" value="#FF0000" onClick="chColor(this.value)">紅<br>
本行文字會(huì)改變顏色哦! 
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

parabola.js拋物線與加入購(gòu)物車效果的示例代碼
本篇文章主要介紹了parabola.js拋物線與加入購(gòu)物車效果的示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-10-10
JS簡(jiǎn)單實(shí)用的倒計(jì)時(shí)效果實(shí)現(xiàn)代碼
沒(méi)有事研究了下倒計(jì)時(shí)的效果，因此自己練習(xí)了一下，需要的朋友可以參考下
2012-08-08
IE的有條件注釋判定IE版本詳解（附實(shí)例代碼）
IE的有條件注釋是一種專有的（因此是非標(biāo)準(zhǔn)的）、對(duì)常規(guī)（X）HTML注釋的Miscrosoft擴(kuò)展。顧名思義，有條件注釋使你能夠根據(jù)條件（比如瀏覽器版本）顯示代碼塊(不一定就是css，也可以是html代碼，甚至是JavaScript代碼)。
2012-01-01
微信小程序中實(shí)現(xiàn)微信支付完整步驟
這篇文章主要給大家介紹了關(guān)于微信小程序中實(shí)現(xiàn)微信支付的相關(guān)資料,微信小程序支付是一種常見(jiàn)的支付方式,實(shí)現(xiàn)起來(lái)相對(duì)較為復(fù)雜,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
javascript 使用sleep函數(shù)的常見(jiàn)方法詳解
這篇文章主要介紹了javascript 使用sleep函數(shù)的常見(jiàn)方法,結(jié)合實(shí)例形式分析總結(jié)了javascript sleep函數(shù)的功能、常見(jiàn)使用方法與操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
一文學(xué)會(huì)JavaScript如何手寫防抖節(jié)流
其實(shí)防抖和節(jié)流不僅僅在面試中會(huì)讓大家手寫，在實(shí)際項(xiàng)目中也可以起到性能優(yōu)化的作用，所以還是很有必要掌握的。這篇文章就帶大家徹底學(xué)會(huì)JavaScript手寫防抖節(jié)流，希望對(duì)大家有所幫助
2022-11-11
解讀函數(shù)的節(jié)流與防抖問(wèn)題
這篇文章主要介紹了解讀函數(shù)的節(jié)流與防抖問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-12-12
JS瀑布流實(shí)現(xiàn)方法實(shí)例分析
這篇文章主要介紹了JS瀑布流實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了javascript瀑布流加載圖片效果的實(shí)現(xiàn)原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下
2016-12-12
如何在JavaScript中使用map()迭代數(shù)組詳細(xì)步驟
在JavaScript中循環(huán)迭代數(shù)組的方法有很多種,下面這篇文章主要給大家介紹了關(guān)于如何在JavaScript中使用map()迭代數(shù)組的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-02-02
微信小程序 (地址選擇1)--選取搜索地點(diǎn)并顯示效果
這篇文章主要介紹了微信小程序 (地址選擇1)--選取搜索地點(diǎn)并顯示效果,實(shí)現(xiàn)思路是通過(guò)拖動(dòng)地圖，搜索地址，選擇地址并將地址值傳給文本框，具體實(shí)例代碼跟隨小編一起看看吧
2019-12-12