css不能设置a标签的href。
CSS只是设置样式,如颜色大小等等。
要设置a标签的href值,可以用js,或者直接在标签里写上地址。
css中a标签的超链接绑定数据库的方法也有的。
1.html 中的a 无法直接和数据库交互,因为html是客户端语言。
2.如果需要交互,那么 href中可以是一个服务端请求,比如/query/userlist.action 这样可以请求服务端查询用户列表。
3.原则上html是没有服务端交互的,需要交互必须用服务端语言如php,jsp等。
可以用无缝图片滚动效果 如:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
* { margin: 0padding: 0}
body{ background-color:#1B1B1B}
#div1{ width: 800pxheight: 150pxposition: relativemargin: 100px autooverflow: hidden}
#div1 ul { width: 800pxheight: 150pxposition: relative}
#div1 ul li { height: 150pxfloat: leftlist-style: nonepadding-right:20px}
#div1 ul li img { width: 200pxheight: 150pxdisplay: inline-block}
a{ color: #B4B4B4}
</style>
<script type="text/javascript">
window.onload=function(){
var odiv = document.getElementById('div1')
var oul = odiv.getElementsByTagName('ul')[0]
var ali = oul.getElementsByTagName('li')
var spa = -2
oul.innerHTML=oul.innerHTML+oul.innerHTML
oul.style.width=ali[0].offsetWidth*ali.length+'px'
function move(){
if(oul.offsetLeft<-oul.offsetWidth/2){
oul.style.left='0'
}
if(oul.offsetLeft>0){
oul.style.left=-oul.offsetWidth/2+'px'
}
oul.style.left=oul.offsetLeft+spa+'px'
}
var timer = setInterval(move,30)
odiv.onmousemove=function(){clearInterval(timer)}
odiv.onmouseout=function(){timer = setInterval(move,30)}
document.getElementsByTagName('a')[0].onclick = function(){
spa=-2
}
document.getElementsByTagName('a')[1].onclick = function(){
spa=2
}
}
</script>
</head>
<body>
<a href="#" style=" display: blockmargin:0 autowidth: 50px">向左走</a>
<a href="#" style=" display: blockmargin:0 autowidth: 50px">向右走</a>
<div id="div1">
<ul>
<li><img src="img/1.jpg"/></li>
<li><img src="img/2.jpg"/></li>
<li><img src="img/3.jpg"/></li>
<li><img src="img/4.jpg"/></li>
</ul>
</div>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)