59推廣

 找回密碼
 立即注冊

掃一掃,訪問微社區

 
打印 上一主題 下一主題

[代碼] 點擊超鏈接時彈出層(可用于彈出二維碼或圖片廣告等)

[復制鏈接]
跳轉到指定樓層
1#
本站網友  發表于 2020-8-27 23:32 回帖獎勵 |倒序瀏覽 |閱讀模式

(jQuery彈出層

點擊文字等超鏈接時彈出層(可用于彈出二維碼或圖片廣告等)
代碼原作者網站可運行演示
https://www.layui.com/doc/modules/layer.html

下面用于點擊文字超鏈接彈出二維碼的代碼
首先需要在網站頁面加入兩個公共js ↓
  1. <script src = "https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  2. <script src = "https://cdnjs.cloudflare.com/ajax/libs/layer/3.1.1/layer.js"></script>
復制代碼

js代碼;
  1. <script>
  2.     var myjq = jQuery.noConflict();
  3.    function dshow(qrcode, url, title, comment) {
  4.        layer.open({
  5.            type: 0,
  6.             title: title,
  7.            content: '<img src = "'+qrcode+'" width = "200px" height = "200px"/><br /><b style = "color: #F00;">'+comment+'</b>',
  8.            area:['320px', '360px'],
  9.            btn: '進入鏈接',
  10.            yes: function(index) {
  11.                layer.close(index);
  12.                location.href = url;
  13.            },
  14.        });
  15.    }
  16. </script>
復制代碼

css樣式代碼;
  1. <style>
  2.    .layui-layer-dialog .layui-layer-content {
  3.       text-align: center;
  4.    }
  5.    .layui-layer-btn {
  6.       text-align: center;
  7.    }
  8.     .textadx {
  9.         margin-top: 10px;
  10. font-size: 15px;
  11.         border: solid 1px #CDCDCD;
  12.     }
  13.     .textadlist {
  14.         padding: 10px;
  15.         padding-bottom: 0;
  16.         overflow: auto;
  17.     }
  18.     .textadlist li {
  19.         text-align: center;
  20.         width: 25%;
  21.         float: left;
  22.         margin-bottom: 10px;
  23.     }
  24. </style>
復制代碼

html代碼
  1. <a rel="nofollow" href = "javascript:;" onclick="dshow('https://tva1.sinaimg.cn/large/006tJM44gy1fx8ptfv4cjg306i01owee.gif', '##', '標題', '廣告語*廣告語')"><b><font color="#FF0000">點擊彈出</font></b></a>
復制代碼
關閉

溫馨提示!上一條 /1 下一條

QQ|Email|刪帖注銷|手機版|59推廣

GMT+8, 2020-9-22 23:17

Powered by Discuz!

© 2001-2021 Comsenz Inc.

快速回復 返回頂部 返回列表
业务员做什么生意赚钱 天津股指期货配资 广东十一选五任选二 福建31选7中奖规则 安徽快3出号走势图 广东36选7每天什么时间开奖的 北京11选五开奖走势图一定 11选五辽宁开奖号一定牛 华人博彩策略 股票怎么玩儿股票 北京11选5走势图top遗漏