- 博客(8)
- 收藏
- 关注
原创 JQ实现点击哪张图,哪张图被放大效果
JS <script> // 在DOM节点加载时就可调用 $(document).ready(function () { // 添加点击事件 $('.pic').on('click', function () { // 添加css样式属性 $('.chufa').css('display', 'block'); //点击之后显示的蒙尘 $('.chen').show(); //声明一个变量获取当前元素的孩子的第一
2021-06-21 10:07:03
141
原创 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
1253
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
172
原创 JQ实现鼠标滚动或点击导航栏标签时锚点跳转
JS <script> $(function () { $(window).scroll(function () { &nb
2021-06-01 11:19:57
587
原创 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
846
原创 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
211
原创 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
1528
原创 jq点击下拉菜单获取点击之后的数据
1.变量 x=1 (1)声明变量 使用关键字var声明变量,后边紧跟变量的名称; var=1 (2)变量的命名规则 变量名称由字母、数字、下划线、美元符号组成,不能以数字开头,不能使用关键字。 语义 可读性 驼峰命名,下划线命名 (3)变量的赋值 如果变量声明未赋值则为undefined,变量可以被多次赋值,并且赋不同类型的值,这个特点是弱类型语言的特点。 (4)一次声明多个变量 多个变量之间用逗号隔开 var a=1,b; 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Ma
2021-05-19 10:44:54
452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人