零基础学做网站培训介绍

当前位置:

如何实现超链接弹窗打开

在学做网站论坛的HTML入门教程中,我们介绍了超链接是建网站过程中特别常用的一个标签。超链接常见打开方式有本窗口打开和新窗口打开。

今天要介绍的是如何实现超链接弹窗打开,就是点击一个超链接时会弹出一个窗口来打开链接的页面。效果如下图:

超链接弹窗打开

实现超链接弹窗打开需要借助JS来实现,代码如下:


<a rel='nofollow' class='open-new-link'>在线客服</a>

<script>
    $(function() {
      $('.open-new-link').on('click', function() {
        var openNewLink = window.open('http://p.qiao.baidu.com/', '学做网站论坛咨询', 'height=650, width=760, top=50%, left=50%,margin-left:-380,margin-top:-325, toolbar=no, menubar=no, scrollbars=no, resizable=false, location=no, status=no'); //参数: url, 名称, 窗体样式
        if(window.focus) {
          openNewLink.focus();
        }
        return false;
      })
    })
  </script>

可以修改上面代码里的链接地址和名称,这样就可以实现超链接弹窗打开效果了。

相关阅读:

JQUERY标签云:给多个超链接逐个添加彩色

Dreamweaver如何文字图像添加超链接

如何给button按钮添加点击弹出窗口(jquery事件)

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 提高网站的“回头客”,我们需要给注册会员提供一些特权,而对游客隐藏部分wordpress文章,因为有很多自己做网站论坛vip学员问到,所以这里就提供一段代
  • 请注意,这里说的文章分页,不是学做网站论坛以前说的wordpress分页插件进行网站分类目录分页,而是一篇文章如果文字过多,会造成网页篇幅过长,影响
  • 大家都知道Linux主机实现301重定向相对较简单,如果你使用的是Linux主机,那么在设置固定连接的时候,wordpress后台会自动添加以下函数到.htaccess文
  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添
  • 在学做网站论坛的HTML入门教程中,我们介绍了超链接是建网站过程中特别常用的一个标签。超链接常见打开方式有本窗口打开和新窗口打开。今天要介绍
  • HTML5 超链接标签又叫a标签,它是任意一个网站都存在的标签,通过超链接a标签可以将互联网上的任意一个网页联系起来,从而组成一个大的互联网。学做网
  • 问:老师,wordpress有没有前端弹出的登陆/注册窗口的插件介绍,或者有什么代码可以实现这样的功能?就是当用户点击注册或者登录时,就弹出一个注
  • 插件介绍使用wordpress做下载站的时候,可以使用wordpress下载弹窗插件实现,用户点击下载链接时就弹出一个下载页面框,框里面可以投放各类广告或者
  • 网页载入速度对于一个网站来讲很关键,Google已经将一个网站的载入速度列入了网站关键字排名的考虑因素当中,也就是说如果你的网站有足够的内容,而且
  • 对于wordpress网站的提速问题,我们以前讲到了使用WP屏蔽谷歌字体插件Disable Google Fonts,今天讲一下另外几种非插件提升WordPress 打开速度方法。
  • wordpress程序是一个特别强大的程序,比较好用,对于新手学做网站,我们推荐先使用wordpress程序。但这个程序是国外程序员开发,经过多次版本的升级之