文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > js教程 > 主體

javascript簡易畫板開發

高洛峰

發布： 2016-12-09 13:57:00

原創

1183 人瀏覽過

本文範例為大家分享了製作javascript簡易畫板的方法，供大家參考，內容如下

html：

<body id="bodys">
<span id="eraser">
清除所有
</span>
<span id="colorbtn">
笔画颜色
</span>
<input type="range" name="ram" id="ram" min="1" max="20" step="1" value="10"/>
<label id="ramnum">字体大小:10px</label>
<ul id="colorpanel">
<li>黑色</li>
<li>红色</li>
<li>绿色</li>
<li>蓝色</li>
</ul>
</body>

登入後複製

CSS：

這是基於javascript的事件基礎寫的，比較簡易，其實還可以進一步優化。下面來看效果圖。

相關標籤：

javascript

來源：php.cn

上一篇：javascript輪播圖演算法下一篇：JavaScript高仿支付寶倒數頁面及程式碼實現

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章