进阶方法有个好处就是悬浮前和滚动悬浮后的样式都可以自定义，比如没有滚动到设置的元素时，样式的宽度是100px，然后当用户滚动屏幕到设置的元素时，设置的元素就可以又以另一种自定义样式悬浮...

前言 之前我发过复制类的JS代码（使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)），其中只是使用CSS隐去textarea文本框而已，对于HTML布局来说有点不美观，这次我想到了利用JS创建inp...

下载： 链接：https://pan.baidu.com/s/1MGvs3WpdVXBFzZn-g8uO9Q 提取码：uyx7 安装： 头部引入： <link rel='stylesheet' href='https://code.xulgr.com/pub/xulgr2d/xulgr2d.css' /> &n...

首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的，是的话直接用echo ''输出Layer内容（注意头部先引用layer和jquery）   <?php // 定义layer $xga = ' <script&...

需要先引入js： <script src='https://pv.sohu.com/cityjson?ie=utf-8'></script>   获取用户的IP地址 document.write(returnCitySN['cip'])   获取用户的城市地址 docum...

网上大部分选项卡代码是在同个父级下实现的，这样对前端比较难设计显示出来的样式，所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件，然...

iconfont的好处不用我多说了吧，阿里的cdn还是挺稳的。我来讲讲图标库创建和svg制作吧。 一、创建项目 首先进入官网：https://www.iconfont.cn/  注册/登录 在 图标管理 进入 我的项目 新建项...

html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...

全部头部先引用 <script src='https://code.xulgr.com/js/jquery-1.8.2.min.js'></script> <script src='https://code.xulgr.com/js/layer/layer.js' type='text/javascript'>...

  $(window).width(); 注意此为JQ方法，需要引入JQ