搜索[html],共找到42个文章

简单的CSS+JS实现鼠标指针附带图标

简单的CSS+JS实现鼠标指针附带图标-雪哥尔
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
2年前
01100

CSS3鼠标:hover经过元素呼出显示图片

CSS3鼠标:hover经过元素呼出显示图片-雪哥尔
当鼠标停留在设置的元素时呼出图片,移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover .xulgr...
2年前
0750

[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法

[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法-雪哥尔
进阶方法有个好处就是悬浮前和滚动悬浮后的样式都可以自定义,比如没有滚动到设置的元素时,样式的宽度是100px,然后当用户滚动屏幕到设置的元素时,设置的元素就可以又以另一种自定义样式悬浮...
2年前
01230

微信小程序点击自动滚动到指定元素位置

微信小程序点击自动滚动到指定元素位置-雪哥尔
官方文档:前往查看 可以直接套用官方的示例js代码,将.xulgr修改成滚动目标的CSS值即可 scrollTo() { // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置 wx.createSelectorQuery()...
2年前
01000

雪哥解析使用教程

雪哥解析使用教程-雪哥尔
复制视频链接地址,(可打开视频播放页,复制该网页的链接),然后访问 http://v.xulgr.com/?url=你刚才复制的视频链接 例如:http://v.xulgr.com/?url=https://v.qq.com/x/cover/e7hi6lep1yc51...
2年前
0650

CSS hover按钮背景色渐变

CSS hover按钮背景色渐变-雪哥尔
自定义鼠标hover按钮时,botton的背景颜色渐变效果 <!DOCTYPE html> <html lang='en'> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> &...
2年前
026513

微信服务号网页授权多个域名,支持未备案域名授权

微信服务号网页授权多个域名,支持未备案域名授权-雪哥尔
1.首先我们需要准备一个已认证的服务号和一个已备案的域名 2.然后在你已备案的域名根目录(二级三级...目录都可以,不需要修改代码)下创建PHP索引index.php文件,代码如下: <!DOCTYPE html...
4年前
07200

CSS对象图片

CSS对象图片-雪哥尔
width: 80px;height: 80px; /*对象宽高*/ background-image: url(https://imgs.xulgr.com/xg800.png); /*图片路径*/ background-size:80px 80px; /*调整background-image图片大小*/ background-...
4年前
07110

CSS渐变颜色样式:背景颜色渐变、字体颜色渐变和边框颜色渐变

CSS渐变颜色样式:背景颜色渐变、字体颜色渐变和边框颜色渐变-雪哥尔
背景色渐变: 1.渐变的方式有两类: 线形:liner gradients 圆形:radial gradients 2.基本语法: background: linear-gradient(渐变方向,渐变颜色1,渐变颜色2,渐变颜色3,...); background: rad...
4年前
05500

JS强制页面只能在微信内置浏览器打开

JS强制页面只能在微信内置浏览器打开-雪哥尔
  放到页脚即可 <script type='text/javascript' src='https://code.xulgr.com/pub/js/jquery-1.8.2.min.js'></script> <script type='text/javascript'> // 对浏览器的...
4年前
07330