技术分享共112篇 第6页

jQuery滑动锚点

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

微信小程序view居中显示

微信小程序view居中显示-雪哥尔
使用align-items:center和justify-content:center都可以让元素居中显示,值得注意的是,居中样式需放在整个样式的最前位置才能生效,我试过加上!important优先显示可不行。 .xg-list{ display: ...
2年前
04340

CSS的Flex布局并排间距换行间距和每几个元素换行间隔

CSS的Flex布局并排间距换行间距和每几个元素换行间隔-雪哥尔
直接上例子,每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...
1年前
031510

好玩的鼠标特效代码

好玩的鼠标特效代码-雪哥尔
放到页脚即可 <script type='text/javascript'> var a_idx = 0; jQuery(document).ready(function($) { $('body').click(function(e) { var a = new Array('❤雪哥❤','❤博客❤','❤主页...
4年前
05040

PHP判断电脑端和手机端显示不同内容

PHP判断电脑端和手机端显示不同内容-雪哥尔
<?php function isMobile(){ $useragent=isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; $useragent_commentsblock=preg_match('|\(.*?\)|',$useragent,$matches)...
4年前
06940

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

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

Discuz全局变量$_G详解

Discuz全局变量$_G详解-雪哥尔
$_G变量是程序的全局变量,为了使得程序更加高效,减少不必要的数据获取,所以程序特将经常需要用到的变量统一,放到$_G变量中,如用户登录信息、后台设置信息、服务器环境信息、客户端CooKies...
4年前
05200

CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定

CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定-雪哥尔
先在父元素加上(如果没有父元素,可直接用body添加) position: relative; 然后在需要粘滞的元素加上 position: sticky; top: 0px; 即可生效。   需要注意的是: 父元素不能有overflow:hi...
1年前
041914

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

CSS隐藏内容点击展开

CSS隐藏内容点击展开-雪哥尔
css .xulgr-checkbox{display: block;} .xulgr-checkbox+input{display: none;} .xulgr-checkbox+input+div{display:none;} .xulgr-checkbox+input:checked+div{display:block;} html <label...
4年前
06480