HTML共21篇 第2页
排序
CSS3鼠标:hover经过元素呼出显示图片
当鼠标停留在设置的元素时呼出图片，移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover .xulgr...
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; ...
使用js点击复制按钮将textarea框隐藏
完整代码 <style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-b...
jQuery滑动锚点
无需jQuery的只需要href='#xulgr' 然后 id='xulgr' 就能直接锚点，但这样不美观，我来弄个jQuery的吧 首先，头部引入jQuery库 <script src='https://code.xulgr.com/pub/js/jquery-1.8.2.min...
纯CSS文字动画特效|CSS3 For Animations
今天刚帮客户写了个CSS动画效果样式，具体看样式的注释 <style> .animate { font-size: 35px; margin: 100px 0 0; border-bottom: 2px solid #ccc; } .animate span { display: inline-bl...
纯CSS弹窗，不借助JS的纯CSS弹出层
HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...
用iconfont做你的专用图标库
iconfont的好处不用我多说了吧，阿里的cdn还是挺稳的。我来讲讲图标库创建和svg制作吧。 一、创建项目 首先进入官网：https://www.iconfont.cn/ 注册/登录 在 图标管理 进入 我的项目 新建项...
雷姆(Rem)2D模型
下载： 链接：https://pan.baidu.com/s/1MGvs3WpdVXBFzZn-g8uO9Q 提取码：uyx7 安装： 头部引入： <link rel='stylesheet' href='https://code.xulgr.com/pub/xulgr2d/xulgr2d.css' /> &n...
Discuz!代码大全
`Discuz!` 代码是一个 `HTML` 代码的简化版本，来简化对帖子显示格式的控制。 字体加粗 [b]字体加粗[/b] 斜体文字 [i]斜体文字[/i] 下划线文字 [u]下划线文字[/u] 字体...
html基本响应式布局代码
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'> <!--[...
