摘要: $(function() { $('.first_link').click(function () { var sobj = $(this); var obj = $(this).next();//当前点击对象的下一个同级元素 obj.toggleClass("panel-collapse scol 阅读全文
posted @ 2022-01-14 15:09 蹦极的考拉 阅读(51) 评论(0) 推荐(0)
摘要: 由于介绍比较多,可以将部分文字隐藏,点击更多按钮,将全部文字显示出来 同时,如果文字全部显示出来,就显示“收缩” 直接上js代码 1 function showmore(contentid){ 2 var len = 300; //默认显示字数 3 var ctn = document.getEle 阅读全文
posted @ 2021-10-21 13:59 蹦极的考拉 阅读(1361) 评论(1) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style type="text/css"> .bg{background-color: #666666;} </style> <u 阅读全文
posted @ 2021-09-16 14:18 蹦极的考拉 阅读(155) 评论(0) 推荐(0)
摘要: js代码: 1 var timer , k = 0; 2 function star() { 3 k += 1; 4 document.getElementById("num").innerHTML = k; 5 } 6 7 function startTimer() { 8 timer = set 阅读全文
posted @ 2021-09-01 14:55 蹦极的考拉 阅读(480) 评论(1) 推荐(0)
摘要: Bootstrap 导航栏 | 菜鸟教程 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 响应式的导航栏</title> <link rel="stylesheet" href="https://c 阅读全文
posted @ 2021-08-16 11:50 蹦极的考拉 阅读(126) 评论(0) 推荐(0)
摘要: 效果 在线查看 代码少,都在HTML里 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. 阅读全文
posted @ 2021-08-16 11:11 蹦极的考拉 阅读(298) 评论(0) 推荐(0)
摘要: css3鼠标经过内容区时,边框线条特效效果制作。 html: <div class="strength grWidth hidden"> <div class="homeTitle"> <h2>为什么选择优胜空间?</h2> </div> <ul class="strengthMain"> <li> 阅读全文
posted @ 2021-08-15 15:49 蹦极的考拉 阅读(423) 评论(0) 推荐(0)
摘要: ul li :后代选择器,ul 里所有的 li 元素,包括 ol 里的 li ; ul>li :子代选择器,下一级的DOM节点,不包括 ol 里的 li 。 ul>ol>li :子代选择器必须一代接一代。 1 <ul> 2 <li>111</li> 3 <li>222</li> 4 <li>333< 阅读全文
posted @ 2021-08-14 23:09 蹦极的考拉 阅读(510) 评论(0) 推荐(0)
摘要: 前言 不像响应式布局,通过media query,设置几个变化点来适配,流体排版通过调整大小,适配所有设备宽度。这个方法可以使我们开发的网页,在几乎所有屏幕尺寸上都可以使用。但出于一些原因,它的使用率还远远没有响应式技术高。 在印刷的历史上,排版是根深蒂固的。关于“流体”的概念,在传统思想里并不存在 阅读全文
posted @ 2021-08-14 23:06 蹦极的考拉 阅读(2342) 评论(0) 推荐(0)
摘要: 在css中单位长度用的最多的是px、em、rem,这三个的区别是: px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。 对于em和rem的区别一句话概括:em相对于父元素,rem相对于根元素 阅读全文
posted @ 2021-08-14 23:05 蹦极的考拉 阅读(403) 评论(0) 推荐(0)