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

- 知乎熱議:微信公眾號如何快速漲粉?
- 0基礎(chǔ)運(yùn)營小白學(xué)習(xí)什么新媒體課程比較好?
- 新媒體,自媒體新人必學(xué)的課程有哪些?
- 不懂就問:新媒體運(yùn)營應(yīng)該怎樣學(xué)習(xí)?













