HTML共10篇

CSS居屏幕正中

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

使用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...
11月前
05830

jQuery滑动锚点

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

纯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: ...
1年前
03090

纯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&g...
1年前
03410

用iconfont做你的专用图标库

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

雷姆(Rem)2D模型

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

Discuz!代码大全

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

html基本响应式布局代码

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

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

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