碧果果

2020年7月16日

摘要：一、原函数 $(".video-li1").click(function() { $(".introduce1").hide(); $("#video-list1").attr("autoplay", "autoplay"); $("#video-list1")[0].play(); }) $(". 阅读全文

posted @ 2020-07-16 15:58 碧果果阅读(2177) 评论(0) 推荐(0) 编辑

li列表自动左右滚动

摘要：一、效果二、代码 <div class="recommend"> <ul> <li class="recommend-list fancybox-thumb" rel="fancybox-thumb"> <p class="recommend-title">DH08B2-XL推土机</p> <im 阅读全文

posted @ 2020-07-16 09:35 碧果果阅读(553) 评论(0) 推荐(0) 编辑

2020年7月15日

原生js如何获取带有某个class的所有div元素

摘要：直接获取 1 document.querySelectorAll("div.aa") 类似属性选择器的写法 1 document.querySelectorAll("div[class='aa']") 补充一下还可以not选择器 1 document.querySelectorAll(".aa:no 阅读全文

posted @ 2020-07-15 09:26 碧果果阅读(6739) 评论(0) 推荐(0) 编辑

视频上覆盖图片

摘要：一、实现效果点击图片播放视频二、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1 阅读全文

posted @ 2020-07-15 08:47 碧果果阅读(682) 评论(0) 推荐(0) 编辑

2020年7月14日

解决hover显示边框时发生抖动的问题

摘要：总结解决hover显示边框时发生抖动的问题的网址 https://blog.csdn.net/hst_gogogo/article/details/90812564 阅读全文

posted @ 2020-07-14 16:05 碧果果阅读(818) 评论(0) 推荐(0) 编辑

css单行文本和多行文本溢出显示省略号

摘要：一、单行文本溢出 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 二、多行文本溢出 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 阅读全文

posted @ 2020-07-14 15:17 碧果果阅读(139) 评论(0) 推荐(0) 编辑

CSS3实现鼠标经过图片时图片放大

摘要：一、效果二、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文

posted @ 2020-07-14 14:26 碧果果阅读(2516) 评论(0) 推荐(0) 编辑

Jquery 点击图片在弹出层显示大图

摘要：一、效果图二、实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti 阅读全文

posted @ 2020-07-14 11:33 碧果果阅读(936) 评论(0) 推荐(0) 编辑

2020年7月13日

js实现点击箭头导航条左右滚动

摘要：一、实现效果二、代码展示  <script type="text/javascript"> $(function() { var oPic = $('.picScroll').find('ul'); var oImg = oPic.find('li'); v 阅读全文

posted @ 2020-07-13 14:52 碧果果阅读(2326) 评论(1) 推荐(1) 编辑

2020年7月10日

bootstrap基础（七）

摘要： bootstrap支持的javascript插件一、导入JavaScript插件一次性导入： Bootstrap提供了一个单一的文件，这个文件包含了Bootstrap的所有JavaScript插件，即bootstrap.js（压缩版本：bootstrap.min.js）。单独导入：为方便单独阅读全文

posted @ 2020-07-10 09:54 碧果果阅读(223) 评论(0) 推荐(0) 编辑

公告