HTML共21篇

使用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

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; ...
4年前
07790

雷姆(Rem)2D模型

雷姆(Rem)2D模型-雪哥尔
下载: 链接:https://pan.baidu.com/s/1MGvs3WpdVXBFzZn-g8uO9Q 提取码:uyx7 安装: 头部引入: <link rel='stylesheet' href='https://code.xulgr.com/pub/xulgr2d/xulgr2d.css' /> &n...
4年前
07640

用iconfont做你的专用图标库

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

Discuz!代码大全

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

纯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

纯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

jQuery滑动锚点

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

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

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

html基本响应式布局代码

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