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














