欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實現的簡單radio背景顏色選擇器代碼

 更新時間：2015年08月18日 15:32:44   作者：企鵝  
這篇文章主要介紹了js實現的簡單radio背景顏色選擇器代碼,利用鼠標事件及頁面元素動態(tài)操作實現頁面背景顏色的改變功能,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了js實現的簡單radio背景顏色選擇器。分享給大家供大家參考。具體如下：

這里演示的js實現radio網頁背景顏色選擇器，只需點擊對應顏色的radio單選框，就可以改變網頁的背景顏色，簡單方便，實用的javaScript網頁特效。

運行效果如下圖所示：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/

具體代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>radio顏色選擇器</title>
<body>
<FORM METHOD="POST" NAME="bgcolor">
<font color="silver">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='silver'"><BR>
<font color="lightslategray">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightslategray'"><BR>
<font color="azure">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='azure'"><BR>
<font color="lightgreen">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightgreen'"><BR>
<font color="lightblue">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightblue'"><BR>
<font color="white">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='white'"><BR>
</form>
</body>
</html>

希望本文所述對大家的javascript程序設計有所幫助。

相關文章

  • JavaScript將Table導出到Excel實現思路及代碼

    JavaScript將Table導出到Excel實現思路及代碼

    將Table導出到Excel不是一件困難的事，很多語言都可以實現，本文主要介紹下使用JavaScript實現將table導出到excel，思路很清晰感興趣的你不妨參考下哈
    2013-03-03
  • 小程序怎樣讓wx.navigateBack更好用的方法實現

    小程序怎樣讓wx.navigateBack更好用的方法實現

    這篇文章主要介紹了小程序怎樣讓wx.navigateBack更好用的方法實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2019-11-11
  • D3.js中強制異步文件讀取同步的幾種方法

    D3.js中強制異步文件讀取同步的幾種方法

    這篇文章主要給大家介紹了d3.js中強制異步文件讀取同步的幾種方法，文中給出了詳細的介紹和解決方法，對大家具有一定的參考價值，需要的朋友們下面來一起學習學習吧。
    2017-02-02
  • Intellij中直接運行ts配置方法:run?configuration?for?typescript

    Intellij中直接運行ts配置方法:run?configuration?for?typescript

    run?configuration?for?typescript?插件本質還是依賴于ts-node來運行,只是其可以幫助我們自動配置好ts-node運行參數,簡化使用,這篇文章給大家介紹在Intellij中可以借助插件run?configuration?for?typescript直接運行typescript的方法,感興趣的朋友一起看看吧
    2023-08-08
  • director.js實現前端路由使用實例

    director.js實現前端路由使用實例

    這篇文章主要介紹了director.js實現前端路由使用實例,director.js是最純粹的路由注冊/解析器,它在不刷新頁面的情況下,利用“#”符號組織不同的URL路徑,需要的朋友可以參考下
    2015-02-02
  • Javascript獲取與設置ckeditor數據的實現方法

    Javascript獲取與設置ckeditor數據的實現方法

    最近編輯器后臺升級成了ckeditor,但原來后臺有很多對應編輯器內容的替換功能,那么就需要用js獲取ckeditor編輯器里面的內容,這里就為大家介紹一下具體的實現方法
    2023-08-08
  • js子頁面獲取父頁面數據示例

    js子頁面獲取父頁面數據示例

    這篇文章主要介紹了js子頁面如何獲取父頁面數據,需要的朋友可以參考下
    2014-05-05
  • JS調試必備的5個debug技巧

    JS調試必備的5個debug技巧

    我一直使用printf調試程序，一般來說都是比較順利，但有時候，你會發(fā)現需要更好的方法。下面幾個JavaScript技巧相信你一定會覺得十分有用
    2014-03-03
  • 第七篇Bootstrap表單布局實例代碼詳解(三種表單布局)

    第七篇Bootstrap表單布局實例代碼詳解(三種表單布局)

    Bootstrap提供了三種表單布局：垂直表單，內聯表單和水平表單。接下來通過本文給大家介紹Bootstrap表單布局實例代碼詳解，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧
    2016-06-06
  • 表單元素值獲取方式js及java方式的簡單實例

    表單元素值獲取方式js及java方式的簡單實例

    下面小編就為大家?guī)硪黄韱卧刂但@取方式js及java方式的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10

最新評論