-
css每行最后、列表最后一个元素去除样式
2022-04-19源码 nth-child(3n): last-child -
js鼠标悬停触发class名事件
2022-04-19鼠标移动到指定位置,通过js改变class名,从而改变class样式 示例代码 <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>js鼠标悬停触发class名事件</title> <style type="text/css"> .abc { background: red; } </st … -
标签li排版出现错位解决方案
2022-04-19代码 li{ margin-right: 1.7%; } li:nth-child(3n) { margin-right: 0; } 代码说明主要使用:nth-child(3n) 或者代码 li:last-child { margin-right: 0; } -
获取页面url传的参数 变量
2022-04-19参数调用: ${urlParams.pin} 代码说明:urlParams:宜搭已定义数据源参数,解析url中的参数pin:参数名,自定义的 -
一个不错的js判断访问终端并调用相应css样式表
2022-04-19js判断终端设备调用相应css样式表代码: <script type="text/javascript"> // 判断是否为移动端运行环境 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyE … -
如何强制浏览器默认访问为极速模式
2022-04-19在设计网站前端时,经常无法考虑到浏览器兼容模式,特别是360浏览器当设置为兼容模式时,之前调整好的前端样式,往往兼容模式下就错位了。 这里可在代码上强制开启浏览器极速模式,代码: <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" c … -
css左右对齐边缘处理方法
2022-04-19如代码: <li>示例一</li> <li>示例二</li> <li>示例三</li> <li>示例四</li> <li>示例五</li> 样式: li{margin:0 10px;} 示例五 右边也要空出10px,我们需要的是示例五是右对齐;这时我们只需要添加样式代码 … -
JS页面平滑滚动
2022-04-19回顶部源码网上代码很多,很多不够顺滑,今天介绍一款平滑滚动返回顶部的源码 页面平滑滚动JS部分代码: (function () { // Scroll Variables (tweakable) var defaultOptions = { // Scrolling Core frameRate : 150, // [Hz] animationTime : 40 …