请指点 同一页面多按钮 点击分别转到其他页面 里面有图 多谢
请指点 同一页面多按钮 点击分别转到其他页面 里面有图 谢谢
这种按钮是如何用JAVA实现的 请指点, 谢谢
还有这样的图标按钮
------解决方案--------------------
用 java怎么实现？这些网页上的按钮是前端处理的呀，java负责处理网站后台。
------解决方案--------------------
一个div里面嵌套几个div,大致思路如下
<div id="xxx">
<div><img src alt></div>
<div>发表帖子</div>
</div>
$("xxx").click(function(){
window.location.href="http://www.baidu.com";
})
------解决方案--------------------
是的 上面的效果就是页面上的一些超链接，然后再加点效果，美观一下就是了
根本还是html标签中的<a href="#">
------解决方案--------------------
------解决方案--------------------
这种按钮是如何用JAVA实现的 请指点, 谢谢
还有这样的图标按钮
------解决方案--------------------
用 java怎么实现？这些网页上的按钮是前端处理的呀，java负责处理网站后台。
------解决方案--------------------
一个div里面嵌套几个div,大致思路如下
<div id="xxx">
<div><img src alt></div>
<div>发表帖子</div>
</div>
$("xxx").click(function(){
window.location.href="http://www.baidu.com";
})
------解决方案--------------------
是的 上面的效果就是页面上的一些超链接，然后再加点效果，美观一下就是了
根本还是html标签中的<a href="#">
------解决方案--------------------
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>36种漂亮的CSS3网页按钮Button样式</title>
<style type="text/css">
body{
background: #f5faff;
}
.demo_con{
width: 960px;
margin:40px auto 0;
}
.button{
width: 140px;
line-height: 38px;
text-align: center;
font-weight: bold;
color: #fff;
text-shadow:1px 1px 1px #333;
border-radius: 5px;
margin:0 20px 20px 0;
position: relative;
overflow: hidden;
}
.button:nth-child(6n){
margin-right: 0;
}
.button.gray{
color: #8c96a0;
text-shadow:1px 1px 1px #fff;
border:1px solid #dce1e6;
box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);
background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);
background: linear-gradient(top,#f2f3f7,#e4e8ec);
}
.button.black{
border:1px solid #333;
box-shadow: 0 1px 2px #8b8b8b inset,0 -1px 0 #3d3d3d inset,0 -2px 3px #8b8b8b inset;
background: -webkit-linear-gradient(top,#656565,#4c4c4c);
background: -moz-linear-gradient(top,#656565,#4a4a4a);
background: linear-gradient(top,#656565,#4a4a4a);
}
.button.red{
border:1px solid #b42323;
box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
background: -webkit-linear-gradient(top,#d53939,#b92929);
background: -moz-linear-gradient(top,#d53939,#b92929);
background: linear-gradient(top,#d53939,#b92929);
}
.button.yellow{
border:1px solid #d2a000;
box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
background: -webkit-linear-gradient(top,#fece34,#d8a605);
background: -moz-linear-gradient(top,#fece34,#d8a605);
background: linear-gradient(top,#fece34,#d8a605);
}
</style>
</head>
<body>
<div class="page">
<header id="header">
<hgrounp class="white blank">
<h1>36 Web Buttons Collection</h1>
<h2>作者：伪专家(如有更好建议或疑问请加QQ群：1041263)<h2>
</hgrounp>
</header>
<section class="demo">
<div class="demo_con">
<button type="button" class="button red larrow">GO BACK</button>
<button type="button" class="button yellow larrow">GO BACK</button>
<button type="button" class="button green larrow">GO BACK</button>
<button type="button" class="button blue larrow">GO BACK</button>
</div>
</section>
</div>
</body>
</html>
------解决方案--------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>比较好看的Button的CSS</title>
</head>
<body>
<style>
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid