香港独立IP空间
香港php空间
美国php空间
域名注册

现在的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基础教程:什么是死链接

选择友情链接链接要知道哪些细节问题

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

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读:


搜索技术文档