HTML共21篇

简单的JS实现选项卡Tab非同级切换

简单的JS实现选项卡Tab非同级切换-雪哥尔
网上大部分选项卡代码是在同个父级下实现的,这样对前端比较难设计显示出来的样式,所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件,然...
1年前
01807

无需textarea或input标签JS直接实现元素内容复制

无需textarea或input标签JS直接实现元素内容复制-雪哥尔
前言 之前我发过复制类的JS代码(使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)),其中只是使用CSS隐去textarea文本框而已,对于HTML布局来说有点不美观,这次我想到了利用JS创建inp...
1年前
024314

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

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

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

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

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年前
02100

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

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

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

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

简单的CSS+JS实现鼠标指针附带图标

简单的CSS+JS实现鼠标指针附带图标-雪哥尔
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
2年前
01690

微信小程序去掉HTML富文本中带标签的代码

微信小程序去掉HTML富文本中带标签的代码-雪哥尔
最近在弄个小程序,发现对接wordpress获取的文章摘要里显示代码标签,像<p>、<a>、<br>这些,然后找了很久才整合了个纯前端的修复方法   直接在wxml中随意行添加以下mod...
2年前
01130

PHP判断微信和QQ内置浏览器,使用Layer弹出层自定义页面提示用户到浏览器打开

PHP判断微信和QQ内置浏览器,使用Layer弹出层自定义页面提示用户到浏览器打开-雪哥尔
首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的,是的话直接用echo ''输出Layer内容(注意头部先引用layer和jquery)   <?php // 定义layer $xga = ' <script&...
2年前
02070