• CSS选择器--相邻兄弟选择器

    2021-10-18 笑清风 css

    CSS选择器--相邻兄弟选择器：CSS相邻兄弟选择器--“+”加号选择器，如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。兄弟选择器只会相邻标签的样式，不影响上面兄弟的样式。注意这里的’+’的意义跟’and’意义不一样，兄弟选择器的样式是应用在兄弟元素上，跟参照的元素样式无关，只影响p元素的样式，而不影响h1标签的样式。当然这个也会循环查找，即当两个兄弟元素相同时，会一次循环查找。...

    860 次 0 条

  • jquery生成二维码

    2020-06-23 笑清风 jquery

    最近，公司要做一个二维码扫码识别并浏览网页的功能，代码如下：首先，引用jquery库和jquery生成二维码库：<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>     <script src="https://cdn.bootcss.com/jquery.qrcode/1....

    916 次 0 条

  • jquery给a标签加上href链接和jquery给a标签的父级li加上样式

    2020-06-08 笑清风 jquery

    jquery遍历a标签并给a标签加上href链接var pathname = window.location.pathname;$(".nav .left a").each(function(){  var aurl = $(this).attr('href');  if(pathname == aurl){    $(this).parents('li').addClass('on');...

    869 次 0 条

  • 搜狐ip接口记录访问ip，提供ip和地区

    2020-05-06 笑清风 javascript

    因为js是不能获取到ip地址的，所以只能通过其他方式来获取。网上很多公司都有接口，下面提供亲测的接口，搜狐提供的免费接口，提供ip和地区。<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script><script type="text/javascript">   var ip = returnCitySN["cip"]+...

    948 次 0 条

  • 图片和文字自适应居中与CSS垂直水平居中

    2018-12-19 笑清风 css

    图片和文字自适应居中与CSS垂直水平居中图片居中：css代码：.banner{width:100%;position:relative;height:600px;overflow:hidden;}.banner img {height: 100%;width: auto;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}html代码：<div class="tb_banner">&lt...

    964 次 0 条

  • css盒子模型

    2018-10-06 笑清风 css

    css盒子模型，英文:Box Model，是用来设计和布局时使用,所有的HTML标记都可以是一个盒子。css盒子模型是网页设计中经常用到的CSS技术所使用的一种思维模型，CSS盒模型本质上是一个盒子，封装周围的HTML元素，它的属性包括：内容(content)、内边距(padding)、边框(border)、外边距(margin)。内容（content），就是盒子里装的东西，显示文本和图像。 边框(border)，就是盒子本身，围绕在内边距和内容外的边框。 内边距(padding)，围绕在内...

    874 次 0 条

  • jquery点击显示隐藏div

    2018-10-01 笑清风 javascript

    jquery点击显示隐藏div引用jquery文件：<script src="js/jquery-1.11.1.min.js" type="text/javascript" ></script>jquery代码：<script type="text/javascript">$(document).ready(function(){$("#hide").click(function(...

    855 次 0 条

  • javascript数字递增,一秒刷新一次

    2018-09-28 笑清风 javascript

    javascript数字递增,一秒刷新一次...

    836 次 0 条

  • javascript获取当前时间并一秒刷新一次

    2018-09-26 笑清风 javascript

    javascript获取当前时间并一秒刷新一次：<script type="text/javascript">var beginAdd = new Date();var beginDate = new Date();    function abc() {     var now = new Date();     var diff = (now - beginDate); ...

    838 次 0 条

  • css去掉li的圆点

    2018-09-23 笑清风 css

    我们做网页的时候，有时候会用到li，发现li会出现小圆点，不仅很难看，而且影响布局。本篇文章笑清风博客介绍怎么去掉li的圆点。去掉li的圆点有两种css样式可以去掉：一：list-style:none;二：list-style-type:none;以下是完整代码，例只是其中一种：在css里面添加：<style type="text/css">.list li{ list-style:none;}</style>body里面添加html代码：<di...

    1097 次 0 条