HTML共21篇

JS点击提交按钮时判断input是否为空输入内容小于指定数提示

JS点击提交按钮时判断input是否为空输入内容小于指定数提示-雪哥尔
其实就是简单的利用onclick点击事件和id来判断 首先在按钮或超链添加onclick点击事件: <button onClick='isxgemail()'>提交</button> 然后再在input绑定ID: <input id='xgemai...
2年前
01740

用iconfont做你的专用图标库

用iconfont做你的专用图标库-雪哥尔
iconfont的好处不用我多说了吧,阿里的cdn还是挺稳的。我来讲讲图标库创建和svg制作吧。 一、创建项目 首先进入官网:https://www.iconfont.cn/  注册/登录 在 图标管理 进入 我的项目 新建项...
4年前
07550

制作一个页面载入loading加载完毕动画收缩

制作一个页面载入loading加载完毕动画收缩-雪哥尔
粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分: <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...
1年前
01910

纯CSS弹窗,不借助JS的纯CSS弹出层

纯CSS弹窗,不借助JS的纯CSS弹出层-雪哥尔
HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...
4年前
05390

PHP、JS和vue基本的url带参传参

PHP、JS和vue基本的url带参传参-雪哥尔
PHP的比较简单 //url直接输入 http://xulgr.com/?参值1=参数1&参值2=参数2&参值3=参数3 //输出 参数1:<?php echo($_REQUEST['参值1']);?> 参数2:<?php echo($_REQUEST['参值...
1年前
01820

纯CSS文字动画特效|CSS3 For Animations

纯CSS文字动画特效|CSS3 For Animations-雪哥尔
今天刚帮客户写了个CSS动画效果样式,具体看样式的注释 <style> .animate { font-size: 35px; margin: 100px 0 0; border-bottom: 2px solid #ccc; } .animate span { display: inline-bl...
4年前
05370

简单的JS返回顶部和一键切换背景色和颜色(日间夜间模式)

简单的JS返回顶部和一键切换背景色和颜色(日间夜间模式)-雪哥尔
HTML <button id='xgtotop'><i class='xulgricon'>&#xe621;</i></button> <button id='xglink'><i class='xulgricon'>&#xe692;</i></but...
1年前
01660

jQuery滑动锚点

jQuery滑动锚点-雪哥尔
无需jQuery的只需要href='#xulgr' 然后 id='xulgr' 就能直接锚点,但这样不美观,我来弄个jQuery的吧 首先,头部引入jQuery库 <script src='https://code.xulgr.com/pub/js/jquery-1.8.2.min...
4年前
04950

iframe页面利用JS点击事件到父级页面执行

iframe页面利用JS点击事件到父级页面执行-雪哥尔
只需在子页面的JS前加上window.parent即可实现在父级执行。 示例:父级页面 <iframe src='iframe.html' frameborder='0'></iframe> 示例:iframe页面HTML内容 <a href='javascri...
1年前
02947

使用js点击复制按钮将textarea框隐藏

使用js点击复制按钮将textarea框隐藏-雪哥尔
完整代码 <style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-b...
4年前
011690