DeDecms教程

模板之家小编在改模板的过程中需要列表图一个版块点击全部打开织梦模板页，现把这个小教程写出来针对一些CSS新手有用。

<div onmouseover="this.style.cursor='pointer'" onclick="document.location=' [field:arcurl/]';"></div>在css里面要写为display:block

按上面代码方法写入CSS即可。

比如模板之家<div class="txt1">  中间图片内容 </div>

增加DIV超链接就是<div class="txt1" onmouseover="this.style.cursor='pointer'" onclick="document.location='[field:arcurl/]';">中间图片内容 </div>

完成效果图以如下多了一个手势超链接

最后模板之家温馨提示：

 点击div时页面进行跳转，通过onclick事件来实现，实现了类似于超链接的效果

在织梦模板订制中就要实现这样的效果下面模板之家用js来解决这个问题点div链接跳转到其他页面。

1.通过window.open函数

<div onclick="window.open('http://www.zzscz.com')">在新窗口跳转至模板之家</div>

<div onclick="window.open('http://www.zzscz.com','_self')">在当前窗口跳转至织梦模板</div>

2.通过window.location.href函数

<div onclick="window.location.href= 'http://www.zzscz.com';return false">在当前窗口跳转至织梦教程</div>