收藏本站 织梦模板之家(Mubanzhijia.Com),专注织梦模板设计制作!

热门搜索:

当前位置:主页 > 网站教程 > 技术教程 >

织梦CMS通过DIV加链接怎么加简单方法教程

时间:2016-01-19 来源:未知 作者:模板之家 阅读: 1105次

模板之家小编在改模板的过程中需要列表图一个版块点击全部打开织梦模板页,现把这个小教程写出来针对一些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.mubanzhijia.com')">在新窗口跳转至模板之家</div>

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

2.通过window.location.href函数

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

 

相关阅读:

织梦CMS安装视频教程1-本地安装

织梦CMS安装视频教程2-虚拟空间/服务器安装

常用PHP运行环境一键安装包

 DedeCMS5.7织梦建站视频教程(全18课)

最全最好织梦CMS整站源码通用完美安装教程

本文版权归原作者所有,转载请注明原文来源出处,织梦模板之家感谢您的支持!

本文链接:http://www.mubanzhijia.com/jishujiaocheng/426.html织梦CMS通过DIV加链接怎么加简单方法教程http://www.mubanzhijia.com/jishujiaocheng/426.html

相关内容:
发表评论:
特价模板
特价织梦模板本站将持续推出,特价模板不参与其他促销活动!