技术分享共113篇 第6页
排序
JavaScript检测判断是否在iPhone中的Safari浏览器打开
<script type='text/javascript'> var ua = navigator.userAgent.toLowerCase(); //判断是不是在iPhone的Safair浏览器打开的本页面 if (ua.indexOf('applewebkit') > -1 && ua...
CSS的Flex布局并排间距换行间距和每几个元素换行间隔
直接上例子，每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...
好玩的鼠标特效代码
放到页脚即可 <script type='text/javascript'> var a_idx = 0; jQuery(document).ready(function($) { $('body').click(function(e) { var a = new Array('❤雪哥❤','❤博客❤','❤主页...
jQuery滑动锚点
无需jQuery的只需要href='#xulgr' 然后 id='xulgr' 就能直接锚点，但这样不美观，我来弄个jQuery的吧 首先，头部引入jQuery库 <script src='https://code.xulgr.com/pub/js/jquery-1.8.2.min...
CSS延迟hover消失时间
一般情况下我们会直接用transition来设置动画效果，如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...
HTML用JS判断PC和WAP端自适应域名转换跳转
单在html前端<head>里添加JS代码即可 PC端： <script> (function () { if (navigator.userAgent.match( /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile...
html基本响应式布局代码
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'> <!--[...
CSS hover按钮背景色渐变
自定义鼠标hover按钮时,botton的背景颜色渐变效果 <!DOCTYPE html> <html lang='en'> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> &...
css中的flex（弹性）布局，并排显示
1、flex-direction 此属性决定主轴的方向 .flex{ flex-direction: row; // (默认值) 主轴水平方向，从左往右 如图： flex-direction: row-reverse; // 主轴水平方向的逆方向，从右往左 flex-dir...
微信小程序view居中显示
使用align-items:center和justify-content:center都可以让元素居中显示，值得注意的是，居中样式需放在整个样式的最前位置才能生效，我试过加上!important优先显示可不行。 .xg-list{ display: ...
