CSS 按钮链接到另一个页面怎么写？

html-css016

CSS 按钮链接到另一个页面怎么写？,第1张

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")即可，如果是整个页面改变，就需要用到页面样式写缓存或数据库，重新加载页面来判断用户选择了那个样式，然后显示不同的样式加载