新闻中心

无忧主机教您如何给一张图片添加点击跳转链接代码

作者 / 无忧主机 时间 2014-10-24 13:27:52

现在的PHP开源程序让很多人省的去敲代码,去钻研新功能。配合无忧主机php独立ip空间方便的管理面板和功能,建站变得非常简单。这不是,今天无忧小编就遇到了一个客户,想给自己的网站主页换一张图片,图片是换了,可是,点击图片的时候,没有任何反应,这可怎么办?我想让访问者点击这个图片的时候,跳转到我指定的那个页面去! 小编下面给大家介绍的方法,非常实用,运用的地方也非常广泛,也很简单!每张图片,都有一个<img src=”图片路径” width=”宽度” height=”高度” />属性,部分的网站程序会考虑到SEO问题,会给图片加上alt属性,这个属性就是用于图片描述的,同时当图像在无法显示时也可以作为替代的文本。 主要问题来了,点击图片的时候需要跳转的实现,这里需要用到一个onclick事件,onclick 事件会在对象被点击时发生,这个时间可以放在<a>的链接内部执行,<a></a>这是超链接的html标签,也就是我们需要改的内容,以下就是详细代码,给一张图片添加点击跳转指定链接的代码啦! <a onclick="showWindow('nav', this.href, 'get', 0)" href="forum.php?mod=misc&action=nav" ><img src="template/comiis_dzmf/image/xxx.png" width="220" height="40" /></a> 上面代码中,主要修改的内容有两处,第一个是链接的内容href,需要跳转外部链接的话,请加上详细的域名,如果是网站内部的话,可以省略域名直接写路径! 第二处是图片的路径,一般都是在网站模板主题里面!如果是只给图片加上指定链接,这里图片路径可以不做修改! 需要注意的是,<a>超链接标签一定要包含图片的<img>标签,否则无法实现这个内容。 简要语法如下: <a onclick=”” href=””><img src=”” width=”” height=”” /></a> 功能虽好,但是操作修改起来也不简单,你们操作时要注意细节哦! 无忧主机相关文章推荐阅读: WORDPRESS链接功能的妙用 SEO基础教程:什么是死链接 选择友情链接链接要知道哪些细节问题

本文地址:https://www.51php.com/seo/17197.html

1
1
1
1
1
1
1

客户服务热线

0791-8623-3537

在线客服