设为首页收藏本站新闻投稿

MOD中国同盟社

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 497|回复: 0

[教程] 给DIV加连链接 [复制链接]

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

帖子
2836
精华
2
声望
12984 点
金币
2999 Mold
被赞许
28 次
注册时间
2006-4-28

Mod中国同盟社至高荣誉

发表于 2011-8-17 14:07:08 |显示全部楼层
前一段时间我为一个DIV上加链接而苦恼,到底用啥样的技术那?JavaScript VS Css?
用<a></a>把DIV内容包含进去进行超链接是不明智的选择,再说也不符合WEB标准。我想何必用<a>标记那!实际上在DIV的onclick属性上加一段JavaScript小脚步就行了,但是你的浏览器要支持JavaScript脚步。
即使无法运行脚本,另一个解决方法是在DIV块里用<a></a>超链接呀,一样可以链接到目的地,岂不是完美。
好了,不多说了,那就开始我们的小应用吧!
关键代码是:
  1. <div id="header" style="cursor:pointer;" onclick="location.href='http://www.modchina.com/';">
  2. <a href="#"></a>
  3. </div>
复制代码
Css Code :
  1. #header {
  2. width: 300px;
  3. height: 100px;
  4. border: 4px solid #996600;
  5. background-color: #FFCC62;
  6. }
  7. #header a {
  8. display: block;
  9. width: 100%;
  10. height: 100%;
  11. text-decoration: none;
  12. cursor: pointer;
  13. }
  14. #header a:hover {
  15. text-decoration: none;
  16. background-color: #FFE0A2;
  17. }
复制代码
到了最后我在多说几句,这个小技术还可以应用到,用Div包含的整个文字或者用DIV作的按钮都可以轻松做超链接。
此技术换可以在HTML的其它标记上应用,只要支持onclick事件就行了。再用CSS美化一下。

                                                                        

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

回顶部