svg推⽂实现点击显⽰答案
svg推⽂实现点击显⽰答案
⼤家都知道推⽂不能写js 所以不能加点击事件其实是对的确实不能写js
但是点击事件可以⽤svg写  svg代码可不会被隐蔽
为了能更好的理解我写个简单的例⼦点击变⾊
SMIL⽅式
<svg>
<rect x="15" y="15" width="40" height="40" fill="red">
<set attributeName="fill" to="blue" begin="click"/>
</rect>
</svg>
点击显⽰答案原理就是答案⽂字上⾯有个svg矩形在上⾯点击透明度变成0  ⾃然就显⽰出⽂字了
<section >
<section class="" >
<p >
<br/>
</p>
<p align="center">
<strong ><span ><span >答 ；案</span></span></strong>      <br/>
</p>
</section>
</section>
<center class="" >
<svg width="100%" height="200" xmlns="/2000/svg" 100%" height="200" >
<animate attributename="opacity" begin="click" dur="6s" from="1" to="0" fill="freeze"></animate>
</rect>
</svg>
borderbox
</center>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。