html怎样让A标签在图片上_IT百科

<a href="#">网站开始的动图</a>,只要把a链接包含住图就行,另外还有一种方法就是在图片上的代码加上onclick,然后加上js跳转页面.你可以试试看.关键是能学到知识.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

$(document).ready(function(e) {

$.each($("#PagingView a"),function(index,item){

switch($(item).text()){

case "First":

$(item).css({"color":"#ff0","background":"url(logo.png)"})

break

case "Next":

$(item).css({"color":"#f00","background":"url(logo.png)"})

break

case "Last":

$(item).css({"color":"#0f0","background":"url(logo.png)"})

break

}

})

</script>

</head>

<body>

<a href="javascript:" style="height:100pxwidth:100pxdisplay:block">First</a>

</div>

</body>

</html>

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<body>标签中的<img>标签代码替换为：<a href="//zhidao.baidu.com"><img src="small.png"></a>。

3、浏览器运行index.html页面，此时图片上被设置了超链接。

欢迎分享，转载请注明来源：内存溢出

html怎样让A标签在图片上