css3技术

如何实现多风格选择样式实时切换?_div+css布局教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-27 17:20 我要评论( )

a href=# onclick=setActiveStyleSheet('',1); return false;默认样式-白色/a a href=# onclick=setActiveStyleSheet('aaa',1); return false;样式一-蓝色/a a href=# onclick=setActiveStyleSheet('bbb',1); ret

<a href="#" onclick="setActiveStyleSheet('',1); return false;">默认样式-白色</a>
<a href="#" onclick="setActiveStyleSheet('aaa',1); return false;">样式一-蓝色</a>
<a href="#" onclick="setActiveStyleSheet('bbb',1); return false;">样式二-橙色</a>


  现在我们就大功告成了,测试一下我们上面的成果,看看效果吧。

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


  现在我们就实现了在页面的多风格选择的样式实时切换!  
  

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评