1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html点击超链接出现弹窗 如何实现超链接弹窗打开

html点击超链接出现弹窗 如何实现超链接弹窗打开

时间:2020-08-20 02:01:58

相关推荐

html点击超链接出现弹窗 如何实现超链接弹窗打开

在学做网站的时候,超链接常见打开方式有本窗口打开和新窗口打开。

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

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

$(function() {

$('.open-new-link').on('click', function() {

var openNewLink = window.open('/', '路丁博客', '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;

})

})

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。