HTML共21篇 第2页
排序
iframe页面利用JS点击事件到父级页面执行
只需在子页面的JS前加上window.parent即可实现在父级执行。 示例：父级页面 <iframe src='iframe.html' frameborder='0'></iframe> 示例：iframe页面HTML内容 <a href='javascri...
无需textarea或input标签JS直接实现元素内容复制
前言 之前我发过复制类的JS代码（使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)），其中只是使用CSS隐去textarea文本框而已，对于HTML布局来说有点不美观，这次我想到了利用JS创建inp...
简单的JS返回顶部和一键切换背景色和颜色（日间夜间模式）
HTML <button id='xgtotop'><i class='xulgricon'></i></button> <button id='xglink'><i class='xulgricon'></i></but...
PHP判断微信和QQ内置浏览器，使用Layer弹出层自定义页面提示用户到浏览器打开
首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的，是的话直接用echo ''输出Layer内容（注意头部先引用layer和jquery） <?php // 定义layer $xga = ' <script&...
PHP、JS和vue基本的url带参传参
PHP的比较简单 //url直接输入 http://xulgr.com/?参值1=参数1&参值2=参数2&参值3=参数3 //输出 参数1：<?php echo($_REQUEST['参值1']);?> 参数2：<?php echo($_REQUEST['参值...
制作一个页面载入loading加载完毕动画收缩
粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分： <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...
JS点击提交按钮时判断input是否为空输入内容小于指定数提示
其实就是简单的利用onclick点击事件和id来判断 首先在按钮或超链添加onclick点击事件： <button onClick='isxgemail()'>提交</button> 然后再在input绑定ID： <input id='xgemai...
简单的JS实现选项卡Tab非同级切换
网上大部分选项卡代码是在同个父级下实现的，这样对前端比较难设计显示出来的样式，所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件，然...
简单的CSS+JS实现鼠标指针附带图标
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
CSS3鼠标:hover经过元素呼出显示图片
当鼠标停留在设置的元素时呼出图片，移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover .xulgr...
