怎么在DIV加链接?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么在DIV加链接?相关的知识,希望对你有一定的参考价值。

1.通过window.open函数
<div onclick="window.open('www.baidu.com')">在新窗口跳转至百度</div>
<div onclick="window.open('www.baidu.com','_self')">在当前窗口跳转至百度</div>
2.通过window.location.href函数
<div onclick="window.location.href= 'www.baidu.com';return false">在当前窗口跳转至百度</div>

现在做网页,通常用 div 当作容器。这里可以把一个 div 理解为一个 delphi 的 TPanel。

在 Delphi 里面,可以用 Panel 套 Panel 的方式来布局,然后设置各个 Panel 的 Align 属性。

现在 html5 的网页开发,是拿 div 套 div 来布局。然后用 css 来定义 div 该怎么摆。因此,这里就是多层 div 嵌套。

假设要对某一层 div 做一个链接,点击后会导航到另外一个链接地址。这时候,不能给 div 外面写 <a href="xxxxx"> 这种代码。如果这样写,会破坏 div 的嵌套框架,搞乱页面布局。

参考技术A

如果用div:hover IE6下又不支持。这种写法肯定不行的。

还有另外一种做法,就是用JQuery
$(function()
var $div_li =$("div");
$div_li.mouseover(function()
$(this).addClass("selected") //当前&lt;div&gt;元素高亮
.siblings().removeClass("selected"); //去掉其它同辈&lt;div&gt;元素的高亮

HTML里面给一个DIV加背景图,背景图是一个边框,四周有空白区域,怎么实现去掉四周的白色区域。

打个比方,BODY是黑色,有一个DIV的背景图是星星,但是星星(有JPD和PSD两个格式)四周是白色的把BODY背景覆盖了,怎么去掉四周的白色?

PS打开PSD格式的星星图片
魔棒工具选择白色区域
点击删除
然后保存为png格式
html里的星星图片就没有白色了追问

我有PDF格式的,直接保存为PNG就可以了么?

追答

PSD是工程文件打开了把里面的白色删除后再保存为PNG格式,链接到HTML里就可以了。

参考技术A 先把星星边上的白色抠出,然后导出png格式的图片就行了。 参考技术B 你把 星星的背景抽空 会做图吧 参考技术C 只有P图,HTML应该没什么办法能实现!

以上是关于怎么在DIV加链接?的主要内容,如果未能解决你的问题,请参考以下文章

怎么整个DIV加超链接

我把div里面加个图片,怎么在这个图片上加个超链接啊? 直接加a标签没有效果。

怎么能给最外层div的背景图片加超链接

怎么在DIV里面的图片上添加超链接

怎样给div加键盘事件

在HTML中怎么加链接