1、在DW中实现效果:打开DW编辑器,在body中输入编辑按钮代码:如下
<button id="feedback" type="button" style="margin-right:30px">草稿</button>
2、给按钮加一个超链接,链接到另一个页面最简单的方法就是用a标签给包含进去;如下
3、效果实现页面:
点击后:
方法:想用不同的CSS来控制元素的样式,可以在你点击按钮的时候改变元素属性class的名字。比如:<html>
<style>
.o1{background-color:red}
.02{background-color:blue}
</style>
<script type="text/javascript">
function btnclick(){
this.attachEvent("class","02")
}
</script>
<body>
<input type="button" value="点击改变样式" onclick="btnclick()" class="01" />
</body>
</html>
原理就是在点击按钮时候改变该元素的class属性的值就可以了。实现方法很多,原理都一样。
按钮绑定一个点击事件,只是改变少量的样式使用$(".div").css("background","red")即可,如果是整个页面改变,就需要用到页面样式写缓存或数据库,重新加载页面来判断用户选择了那个样式,然后显示不同的样式加载