巧丽 - 博客园

facebook和twitter分享链接时，附带预览图

摘要：图片设置200*200px， html的head标签设置如下结构，注意内容改成自己分享的链接相关的信息 <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="「Raziel （ラジエル）」阅读全文

posted @ 2020-05-04 11:08 巧丽阅读(3511) 评论(1) 推荐(1)

摩天轮旋转轮播

摘要： http://bkvalve.mmler.cn/products/butterfly-valve/ var item = $('.p02-1-s1 .tab > li'); item.click(function() { $(this) .addClass('current') .siblings( 阅读全文

posted @ 2019-12-24 17:26 巧丽阅读(362) 评论(0) 推荐(0)

弹窗的图片画廊lightslider插件

摘要：需要这三个文件阅读全文

posted @ 2019-12-24 12:00 巧丽阅读(214) 评论(0) 推荐(0)

遍历实例化swiper

摘要： var list = $('.p04-s2 li'); list.each(function (index) { new Swiper ($(this).find('.swiper-container'), { spaceBetween: 10, slidesPerView : 3, watchOv 阅读全文

posted @ 2019-12-11 10:36 巧丽阅读(1032) 评论(0) 推荐(0)

后端异步接口url

摘要： /wp-common/products.php?term_id=4&page=1 var currentAjax; var total = 0; function getAjaxData(term_id, page = 1) { currentAjax = $.ajax({ type: "GET", 阅读全文

posted @ 2019-11-27 18:37 巧丽阅读(395) 评论(0) 推荐(0)

swiper轮播箭头垂直居中

摘要：取消懒加载 for (var i in $('.p01-s9 .lazyload')) { $('.p01-s9 .lazyload').eq(i).attr('src',$('.p01-s9 .lazyload').eq(i).attr('data-src')); } $('.p01-s9 .la 阅读全文

posted @ 2019-10-15 18:04 巧丽阅读(524) 评论(0) 推荐(0)

表格table隔行变色

摘要： if($('.p03-s2').find('table').length >= 2) {$('table:last-child').css({'borderTop': 'none'});}if($('.p03-s2').find('th').length) {$('thead').css({'bac 阅读全文

posted @ 2019-10-15 18:02 巧丽阅读(448) 评论(0) 推荐(0)

谷歌浏览器srcoll时,控制台一直报错

摘要：如果是使用betheme-child主题，在wp后台去掉这个srcoll插件目录是wp后台的Betheme——Theme Options——Addons & Plugins——Addons——SCROLL选中Default Browser Scroll 阅读全文

posted @ 2019-10-15 17:51 巧丽阅读(217) 评论(0) 推荐(0)

table响应式设计

摘要： table不可用flex布局和td宽度的自适应。 table外层加div.mml-table设置overflow-x:auto可以添加横向滚动条. 阅读全文

posted @ 2019-10-15 17:47 巧丽阅读(852) 评论(0) 推荐(0)