点击自动切换选项SVG教程来啦

胖友们，早上好！

之前推的这个SVG样式，相信很多胖友们都急着想学习了吧？今天三儿就来教教大家如何使用这个样式。

1

样式ID：91720。点击样式进入编辑区域进行编辑时，请勿对样式进行任何点击行为。然后点击HTML键，进入源代码模式进行修改。

2

进入源代码模式之后，我们可以先对样式分割线的上两行文字进行修改。虽然在编辑模式也可以对这两行文字进行修改，但还是建议在源代码模式进行修改。

3

接着下拉代码，找到【第一题】的相关代码。这个样式在代码中，题数靠前的在代码里越靠底，所以修改应该从代码下部往上部修改。

3

问题题目数字多的，是以两排形式呈现的，少的，则是一排。如果想两排变一排，在直接删除第二排<text...>...</text>代码即可；如果想一排变两排，也是复制<text...>...</text>这段代码，粘贴在</text>后，然后修改“Y”的数值即可。

5

完整一个选项的代码是从<g...></g>开始和结束的，正确选项的颜色和错误选项的动画颜色是不一样的，这里我们可以修改两处的#ofo（绿）或#ooo（黑），来改变哪一个选项是正确选项。

6

本样式只设定了五道题，依然可以 ctrl + c 复制下图<g...></g>代码，然后回车后，ctrl + v 粘贴在其后面，来增加题数，再对粘贴的题目内容进行修改。

7

样式的最后一页，是个文字提示，当然，如果你想写更多的文字，可以 ctrl + c 复制<text...>...</text>这段代码 ctrl + v 进行粘贴，然后进行文字修改增加，但要注意修改“Y”数值。

8

当你修改完成后，退出源代码模式，注意，此时仍然不要对样式进行任何点击操作，如果想预览效果，可以点击手机预览进行预览操作，或复制到微信后台进行预览。

看完了教程，还不赶紧去试试做一个？那些天天催我写教程的，教程来了，快来看啊！