HTML共21篇
排序
JS点击提交按钮时判断input是否为空输入内容小于指定数提示
其实就是简单的利用onclick点击事件和id来判断 首先在按钮或超链添加onclick点击事件： <button onClick='isxgemail()'>提交</button> 然后再在input绑定ID： <input id='xgemai...
用iconfont做你的专用图标库
iconfont的好处不用我多说了吧，阿里的cdn还是挺稳的。我来讲讲图标库创建和svg制作吧。 一、创建项目 首先进入官网：https://www.iconfont.cn/ 注册/登录 在 图标管理 进入 我的项目 新建项...
制作一个页面载入loading加载完毕动画收缩
粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分： <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...
纯CSS弹窗，不借助JS的纯CSS弹出层
HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...
PHP、JS和vue基本的url带参传参
PHP的比较简单 //url直接输入 http://xulgr.com/?参值1=参数1&参值2=参数2&参值3=参数3 //输出 参数1：<?php echo($_REQUEST['参值1']);?> 参数2：<?php echo($_REQUEST['参值...
纯CSS文字动画特效|CSS3 For Animations
今天刚帮客户写了个CSS动画效果样式，具体看样式的注释 <style> .animate { font-size: 35px; margin: 100px 0 0; border-bottom: 2px solid #ccc; } .animate span { display: inline-bl...
简单的JS返回顶部和一键切换背景色和颜色（日间夜间模式）
HTML <button id='xgtotop'><i class='xulgricon'></i></button> <button id='xglink'><i class='xulgricon'></i></but...
jQuery滑动锚点
无需jQuery的只需要href='#xulgr' 然后 id='xulgr' 就能直接锚点，但这样不美观，我来弄个jQuery的吧 首先，头部引入jQuery库 <script src='https://code.xulgr.com/pub/js/jquery-1.8.2.min...
iframe页面利用JS点击事件到父级页面执行
只需在子页面的JS前加上window.parent即可实现在父级执行。 示例：父级页面 <iframe src='iframe.html' frameborder='0'></iframe> 示例：iframe页面HTML内容 <a href='javascri...
使用js点击复制按钮将textarea框隐藏
完整代码 <style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-b...
