“選擇題”樣式（換色）教程（svg））
“選擇題”樣式（換色）教程
今天來(lái)135編輯器講一下最近朋友們使用比較頻繁的“選擇題”樣式換色教程。
兩點(diǎn)說(shuō)明一下：①ABCD是可以點(diǎn)的，SVG樣式，可以點(diǎn)擊變色；②ABCD的顏色是可以更換的，在HTML模式可換點(diǎn)擊后顯示的顏色。
|| 可以點(diǎn)擊體驗(yàn)一下選擇題樣式 ||
樣式中心已上三款選擇題樣式，胖友們可以根據(jù)下面的ID或者標(biāo)簽進(jìn)行檢索收藏使用。
1
ID:91494,選擇題 SVG
2
ID:91492,選擇題 SVG
3
ID:91493,選擇題 SVG
下面教教大家，如何修改并使用這些樣式
1、如何加長(zhǎng)第一個(gè)選擇題樣式？
方法一：復(fù)制Ctrl+C同樣式中內(nèi)容，粘貼Ctrl+V，然后再對(duì)細(xì)節(jié)修改
方法二：添加單個(gè)選擇題樣式，然后再對(duì)細(xì)節(jié)修改
2、如何修改第一個(gè)和第二個(gè)選擇題樣式的ABCD顏色？
點(diǎn)擊 HTML 鍵進(jìn)入html編輯模式
ABCD四個(gè)選項(xiàng)每個(gè)字母在HTML中會(huì)出現(xiàn)兩次，在第二處出現(xiàn)的代碼上方將f00改寫成0f0，此時(shí)，點(diǎn)擊后顯示紅色將變成綠色。
<text x="50%" y="22" height="30" style="color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;" font-size="16" fill="#333">
A
</text>
</g>
<g style="opacity:0;">
<text x="50%" y="22" height="30" style="color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;" font-size="16" fill="#f00">
A
</text>
3、如何修改一樣式的“點(diǎn)擊查看正確答案”？
首先這是一個(gè)點(diǎn)擊顯示的樣式，內(nèi)容修改需在HTML模式進(jìn)行。然后直接修改紅色內(nèi)容就可以。（ ；是空格的代碼）
<text x="10" y="25" height="30">
1. A
</text>
<text x="10" y="50" height="30">
2. D
</text>
<text x="10" y="75" height="30">
3. C
</text>
如果需要添加新的一行，直接復(fù)制<text ......</text>這段代碼，添加在后面，并將y的數(shù)值+25即可。
4、如何修改三樣式點(diǎn)擊顯示的顏色？
同樣在HTML中修改，在每個(gè)選項(xiàng)的前面，找到下面這段代碼
<circle fill="#fff" stroke="#231815" stroke-width="2" cx="14" cy="14" r="8"></circle>
</g>
<g style="opacity:0;">
<circle fill="#0f0" stroke="#231815" stroke-width="2" cx="14" cy="14" r="8"></circle>
將0f0換成f00，此時(shí)，點(diǎn)擊后顯示綠色將變成紅色。
此樣式可以作為判斷題樣式來(lái)使用。
樣式使用示例
一、單選題：本大題共1小題，每小題2分，共2分，每小題給出的四個(gè)選項(xiàng)中，只有一個(gè)是正確的，直接點(diǎn)擊選項(xiàng)，完成作答
1.關(guān)于135編輯器，說(shuō)法錯(cuò)誤的是？
盡量使用非IE核瀏覽器
升級(jí)瀏覽器最新Flash插件
可以使用系統(tǒng)自帶IE瀏覽器
推薦360安全、獵豹、谷歌瀏覽器
二、多選題：本大題共1小題，每小題2分，共2分，每小題給出的四個(gè)選項(xiàng)中，至少有一個(gè)是正確的，直接點(diǎn)擊選項(xiàng)，完成作答
2.關(guān)于135編輯器，說(shuō)法正確的是？
一鍵排版可以快速完成排版工作
模板定制有利于打造公眾號(hào)風(fēng)格
135編輯器無(wú)法定時(shí)群發(fā)
同步功能可減少排版出現(xiàn)錯(cuò)誤
三、判斷題：本大題共1小題，每小題2分，共2分，每小題給出的兩個(gè)選項(xiàng)中，只有一個(gè)是正確的，直接點(diǎn)擊選項(xiàng)，完成作答
3.公眾號(hào)授權(quán)135編輯器可以使用“同步”功能
對(duì)的
錯(cuò)的
本文首發(fā)樣式由135編輯器原創(chuàng)設(shè)計(jì)，已申請(qǐng)軟著保護(hù)，禁止任何編輯器、編輯插件以任何形式洗稿、抄襲。歡迎企業(yè)、個(gè)人在135編輯器樣式中心收藏使用。
點(diǎn)擊邀請(qǐng)鏈接：http://syjsm.cn/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135編輯器了哦，偷偷告訴大家（點(diǎn)擊該鏈接，還可以獲得7天VIP會(huì)員哦，一般人我不告訴，哈哈哈哈）
當(dāng)然，你也可以自己加入。網(wǎng)址在這里：http://syjsm.cn/效果是一樣的。通過(guò)我的邀請(qǐng)加入135編輯器，相當(dāng)于是對(duì)我的一種幫助和鼓勵(lì)。我自己會(huì)因?yàn)槟銈兊闹С侄@得會(huì)員權(quán)限，可以享受會(huì)員的所有權(quán)益，像是新樣式可以免費(fèi)使用，圖片保存數(shù)量從100提升到1000，個(gè)人模板從3個(gè)提升到無(wú)限制，云端草稿和恢復(fù)歷史版本可以無(wú)限次使用，文本校對(duì)從3次升到100次等等，所以還勞煩大家?guī)蛡€(gè)忙。
立即登錄
- 知乎熱議：微信公眾號(hào)如何快速漲粉？
- 0基礎(chǔ)運(yùn)營(yíng)小白學(xué)習(xí)什么新媒體課程比較好？
- 新媒體，自媒體新人必學(xué)的課程有哪些？
- 不懂就問(wèn)：新媒體運(yùn)營(yíng)應(yīng)該怎樣學(xué)習(xí)？
