HTML共21篇
排序
简单的JS实现选项卡Tab非同级切换
网上大部分选项卡代码是在同个父级下实现的，这样对前端比较难设计显示出来的样式，所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件，然...
CSS3鼠标:hover经过元素呼出显示图片
当鼠标停留在设置的元素时呼出图片，移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover .xulgr...
HTML中用php或js获取当前完整url链接
利用JS获取当前完整url链接： <script>document.write( window.location.href );</script> 这个可以很好的用在404错误或重定向里，主要用于来显示当前链接。 利用php获取当...
PHP判断微信和QQ内置浏览器，使用Layer弹出层自定义页面提示用户到浏览器打开
首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的，是的话直接用echo ''输出Layer内容（注意头部先引用layer和jquery） <?php // 定义layer $xga = ' <script&...
html基本响应式布局代码
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'> <!--[...
微信小程序去掉HTML富文本中带标签的代码
最近在弄个小程序，发现对接wordpress获取的文章摘要里显示代码标签，像<p>、<a>、<br>这些，然后找了很久才整合了个纯前端的修复方法 直接在wxml中随意行添加以下mod...
Discuz!代码大全
`Discuz!` 代码是一个 `HTML` 代码的简化版本，来简化对帖子显示格式的控制。 字体加粗 [b]字体加粗[/b] 斜体文字 [i]斜体文字[/i] 下划线文字 [u]下划线文字[/u] 字体...
简单的CSS+JS实现鼠标指针附带图标
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
雷姆(Rem)2D模型
下载： 链接：https://pan.baidu.com/s/1MGvs3WpdVXBFzZn-g8uO9Q 提取码：uyx7 安装： 头部引入： <link rel='stylesheet' href='https://code.xulgr.com/pub/xulgr2d/xulgr2d.css' /> &n...
JS点击提交按钮时判断input是否为空输入内容小于指定数提示
其实就是简单的利用onclick点击事件和id来判断 首先在按钮或超链添加onclick点击事件： <button onClick='isxgemail()'>提交</button> 然后再在input绑定ID： <input id='xgemai...
