點(diǎn)擊自動(dòng)切換選項(xiàng)SVG教程來(lái)啦!
點(diǎn)擊自動(dòng)切換選項(xiàng)SVG教程來(lái)啦!
正 文
胖友們,早上好!
之前推的這個(gè)SVG樣式,相信很多胖友們都急著想學(xué)習(xí)了吧?今天三兒就來(lái)教教大家如何使用這個(gè)樣式。
樣式ID:91720。點(diǎn)擊樣式進(jìn)入編輯區(qū)域進(jìn)行編輯時(shí),請(qǐng)勿對(duì)樣式進(jìn)行任何點(diǎn)擊行為。然后點(diǎn)擊HTML鍵,進(jìn)入源代碼模式進(jìn)行修改。
進(jìn)入源代碼模式之后,我們可以先對(duì)樣式分割線的上兩行文字進(jìn)行修改。雖然在編輯模式也可以對(duì)這兩行文字進(jìn)行修改,但還是建議在源代碼模式進(jìn)行修改。
接著下拉代碼,找到【第一題】的相關(guān)代碼。這個(gè)樣式在代碼中,題數(shù)靠前的在代碼里越靠底,所以修改應(yīng)該從代碼下部往上部修改。
問(wèn)題題目數(shù)字多的,是以?xún)膳判问匠尸F(xiàn)的,少的,則是一排。如果想兩排變一排,在直接刪除第二排<text...>...</text>代碼即可;如果想一排變兩排,也是復(fù)制<text...>...</text>這段代碼,粘貼在</text>后,然后修改“Y”的數(shù)值即可。
完整一個(gè)選項(xiàng)的代碼是從<g...></g>開(kāi)始和結(jié)束的,正確選項(xiàng)的顏色和錯(cuò)誤選項(xiàng)的動(dòng)畫(huà)顏色是不一樣的,這里我們可以修改兩處的#ofo(綠)或#ooo(黑),來(lái)改變哪一個(gè)選項(xiàng)是正確選項(xiàng)。
本樣式只設(shè)定了五道題,依然可以 ctrl + c 復(fù)制下圖<g...></g>代碼,然后回車(chē)后,ctrl + v 粘貼在其后面,來(lái)增加題數(shù),再對(duì)粘貼的題目?jī)?nèi)容進(jìn)行修改。
樣式的最后一頁(yè),是個(gè)文字提示,當(dāng)然,如果你想寫(xiě)更多的文字,可以 ctrl + c 復(fù)制<text...>...</text>這段代碼 ctrl + v 進(jìn)行粘貼,然后進(jìn)行文字修改增加,但要注意修改“Y”數(shù)值。
當(dāng)你修改完成后,退出源代碼模式,注意,此時(shí)仍然不要對(duì)樣式進(jìn)行任何點(diǎn)擊操作,如果想預(yù)覽效果,可以點(diǎn)擊手機(jī)預(yù)覽進(jìn)行預(yù)覽操作,或復(fù)制到微信后臺(tái)進(jìn)行預(yù)覽。
看完了教程,還不趕緊去試試做一個(gè)?那些天天催我寫(xiě)教程的,教程來(lái)了,快來(lái)看啊!
【福利時(shí)刻-免費(fèi)領(lǐng)取7天135編輯器VIP會(huì)員】
點(diǎn)擊http://d1167.cn/users/invite/ddb12a17ce400c35fe041d275a578351,注冊(cè)135編輯器,即可獲得7天VIP會(huì)員
立即登錄
- 知乎熱議:微信公眾號(hào)如何快速漲粉?
- 0基礎(chǔ)運(yùn)營(yíng)小白學(xué)習(xí)什么新媒體課程比較好?
- 新媒體,自媒體新人必學(xué)的課程有哪些?
- 不懂就問(wèn):新媒體運(yùn)營(yíng)應(yīng)該怎樣學(xué)習(xí)?