跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 问个代码问题
未分類
11 3 月 2020

问个代码问题

广东吴彦祖 大佬有话说 :

问个代码问题

本帖最后由 广东吴彦祖 于 2020-3-11 21:56 编辑

刚刚看到大佬发了一个好看的导航

她有一个链接 是在相同的框架中打开; 不是在新窗口中打开;
要是简单的h5 加一个  _blank:就能解决 但是

代码是// 添加书签
$(function() {
var bookmark = {
    data: [{
      name: ‘开发日志’,
      link: ‘#’,
      icon: ‘img/log.png’,
    }, {
      name: ‘酷安’,
      link: ‘https://www.coolapk.com’,
      icon: ‘img/coolapk.png’,
    }, {
      name: ‘Via插件’,
      link: ‘http://via-app.cn’,
      icon: ‘img/via.png’,
    }, {
      name: ‘今日热榜’,
      link: ‘https://tophub.today/’,
      icon: ‘img/headline.png’,
    }, {
      name: ‘知乎’,
      link: ‘https://www.zhihu.com/’,
      icon: ‘img/zhihulogo.png’,
    }, {
      name: ‘XDA’,
      link: ‘https://www.xda-developers.com/’,
      icon: ‘img/xda.png’,
    }, {
      name: ‘小米商城’,
      link: ‘https://www.mi.com/’,
      icon: ‘img/mi.png’,
    }, {
      name: ‘unsplash’,
      link: ‘https://unsplash.com/’,
      icon: ‘img/unsplash.png’,
    }, {
      name: ‘少数派’,
      link: ‘https://sspai.com/’,
      icon: ‘img/sspai.png’,
    }, {
      name: ‘疫情跟踪’,
      link: ‘https://ncov.dxy.cn/ncovh5/view/pneumonia’,
      icon: ‘img/ding.png’,
    }, {
      name: ‘疫情辟谣’,
      link: ‘https://vp.fact.qq.com/home’,
      icon: ‘img/true.png’,
    }]
}
   for (var i = 0; i < bookmark.data.length; i++) {
    var addList = ‘<li class="folder-item col-xs-3 col-sm-2"> <a href="’ + bookmark.data.link + ‘"><div class="folder-item-box"><img class="folder-item-img" src="’ + bookmark.data.icon + ‘" /><p>’ + bookmark.data.name + ‘</p></div></a></li>’
    $(‘#folder ul’).append(addList);
}
})
原导航 https://vz1.gitee.io/ 就是书签页面设置为新窗口中打开
不知道怎么加 有没有18cm的大佬说一下

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具