HTML共21篇 第2页

使用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...
5年前
013850

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

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

CSS居屏幕正中

CSS居屏幕正中-雪哥尔
<style> body{ background-color:#000; } .xulgr-table{ width:100%; height:100%; border:0; text-align:center; cellpadding:0; cellspacing:0; }.xulgr-table td{ text-align:center; ...
5年前
09330

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

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

CSS3鼠标:hover经过元素呼出显示图片

CSS3鼠标:hover经过元素呼出显示图片-雪哥尔
  当鼠标停留在设置的元素时呼出图片,移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover...
3年前
022214

HTML中用php或js获取当前完整url链接

HTML中用php或js获取当前完整url链接-雪哥尔
利用JS获取当前完整url链接: <script>document.write( window.location.href );</script>   这个可以很好的用在404错误或重定向里,主要用于来显示当前链接。 利用php获取当...
5年前
05997

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

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

html基本响应式布局代码

html基本响应式布局代码-雪哥尔
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'> <!--[...
5年前
05840

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

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

Discuz!代码大全

Discuz!代码大全-雪哥尔
 `Discuz!` 代码是一个 `HTML` 代码的简化版本,来简化对帖子显示格式的控制。 字体加粗 [b]字体加粗[/b]   斜体文字 [i]斜体文字[/i]   下划线文字 [u]下划线文字[/u]   字体...
5年前
09480