随笔
鲸说:让我照顾海丶
多啦A梦真是个大宝藏
展开
-
JQ实现点击哪张图,哪张图被放大效果
JS<script> // 在DOM节点加载时就可调用 $(document).ready(function () { // 添加点击事件 $('.pic').on('click', function () { // 添加css样式属性 $('.chufa').css('display', 'block'); //点击之后显示的蒙尘 $('.chen').show(); //声明一个变量获取当前元素的孩子的第一原创 2021-06-21 10:07:03 · 133 阅读 · 0 评论 -
css实现导航栏a标签的下边框鼠标悬停的hover过渡效果
HTML <div class="nav"> <ul> <li><a class="active" href="javascript:;">综艺</a></li> <li><a href="javascript:;">视频</a></li> <li><a href="javas原创 2021-06-07 16:12:21 · 1237 阅读 · 1 评论 -
JQ中为了兼容IE浏览器,不使用模板字符串的clone数据方法
JS // 获取职位数据 // console.log(jobArr); for(i = 0;i <= jobArr.length-1;i++){ // 拷贝.pos的内容 给.box1的结尾插入内容 $('.pos').clone(true).appendTo('.box1'); // 替换 .pos中的id属性 的文字信息 $('.pos #jobname').text(jobArr[i][1]); /原创 2021-06-04 10:24:14 · 165 阅读 · 0 评论 -
JQ实现鼠标滚动或点击导航栏标签时锚点跳转
JS <script> $(function () { $(window).scroll(function () { &nb原创 2021-06-01 11:19:57 · 567 阅读 · 0 评论 -
JQ实现数据的分类渲染和详情渲染
JS<script src="js/job.js"></script> <script> //自定义函数,接收点击之后传入的实参 function get(text) { var html = ''; //遍历数据 job.forEach(function (item) { // 和数据的城市做比较,渲染对应的数据 if (text == item.city) { html += ` <div cl原创 2021-05-20 11:47:03 · 837 阅读 · 0 评论 -
JQ渲染的数据做切换效果
JS引入js文件数据<script src="js/job.js"></script><script> var arr = ["技术类", "其他类"]; var ohtml = '' //for循环遍历数组 for (var i = 0; i < arr.length; i++) { var html = ''; //遍历数据 jobs.forEach(function (items) { if (arr[原创 2021-05-19 20:38:29 · 204 阅读 · 0 评论 -
swiper轮播图中自定义的箭头,分页器样式,以及带有蒙层的轮播图
自定义的分页器最好写在HTML页面,因为自带的属性会把你引入的css文件样式覆盖分页器的CSS样式<style>/* 自定义分页器 */.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit原创 2021-05-19 11:27:55 · 1512 阅读 · 0 评论