CSS3改变浏览器滚动条样式[原创]
注:该方法只适用于 -webkit- 内核浏览器 浏览器滚动条太宽,太丑,影响日常开发怎么办,改TA 滚动条外观由2部分组成:1.滚动条整体滑轨 2.滚动条滑轨内滑块 在CSS中滚动条由3部分组成 name::-we...
注:该方法只适用于 -webkit- 内核浏览器 浏览器滚动条太宽,太丑,影响日常开发怎么办,改TA 滚动条外观由2部分组成:1.滚动条整体滑轨 2.滚动条滑轨内滑块 在CSS中滚动条由3部分组成 name::-we...
目前市面有大量的客户要求页面即适应pc屏幕,也使用手机屏幕,即我们常说的响应式布局,如何做到一套代码同时适配多个屏幕呢,这里肯定会有一部分人说使用百分比啊,但是如果完全使用百分比的话,在大屏上看又是如此的诡异,如下图 pc端 手机端 在这里为大家...
在项目中,为了方便客户使用,提高客户体验性,在PC端要求在输入框中按键盘的回车键能够执行相应的操作,以下代码可实现:在一个输入框按回车键后光标跳到下一个输入框,如果当前光标所在位置为最后夜歌输入框,则回到第一个输入框。 1.在input标签中调用方法...
在项目中,常常需要限制input框的输入格式,以下整理了几个常用的input框的限制格式,如果有其他的常用的限制格式,欢迎补充 1.只允许输入正整数 onkeyup="if(this.value.length==1){ this.value=thi...
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定...
一.css渐变 1.线性渐变 linear-gradient (方向[可选],颜色1,颜色2) 2.径向渐变 radial-gradient (正圆椭圆[可选],颜色1,颜色2) circle:正圆 ellipse:椭圆 3.重复渐变 repea...
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。 正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式...
function toDate(number) { var n = number * 1000; var date = new Date(n); var Y = date.getFullYear() + ‘-‘; var M ...
<navigator class=’contact-active’ url=’/pages/newsShow/newsShow?id={{item.id}}’></navigator&...
onLoad: function (options) { var id = options.id; wx.setStorageSync(“id”, id); let id = wx.getStorageSync(“...
(1)在app.js定义全局变量url, globalData: { userInfo: null, url: “http://m.yayuanzi.com/”, } (2)在index.js第一行加上const app = ...
手机页面内容不够长,在大屏手机下底部信息下面会留有很多空白。 解决方案: (1)底部信息用定位来写,使其始终显示在页面底部,中间内容区域可以滚动。底部内容样式如下: .foot{ position:fixed; left:0; bottom:0; }...
网页内容比较多时,背景图片尺寸不够大,那要怎么把图片放到网页上去呢? 解决方案: 1、背景图片不动 固定背景图片,给背景图片设置position:fixed属性,其他内容可以滚动。 2、背景图片和网页内容一起上下滑动 如果背景图片头部和底部有内容,中...
网页页面图片和内容比较多的时候,会导致网站加载速度很慢,如果图片比较多,网站加载很久才能显示图片,用户体验性不是很好,使用图片延迟加载插件lazyload.js可以让图片延迟加载,以下是关于插件使用的介绍: lazyload.js调用方法 (1)为图...
用animate()方法实现钢琴式动画的代码如下: function iconAnimate(){ $(‘.projectList’).css(‘top’,’135px’).st...
在项目开发的过程中,我们会遇到很多的弹窗页面,如果不做特别说明,弹窗出现后,弹窗底下的背景页面仍然能够滑动,为了更好的用户体验,我们需要做到,弹窗出现后,背景固定不动,弹窗关闭后,才使得背景可滑动。针对这个问题,我简单描述下我的思路: 方法一和方法二...
最近在研究bootstrap,找了一些测试题,检验一下自己的学习成果。 如下: 1、 如果让一个元素在pc端显示而在手机端隐藏,下列选项正确的是(b)。 A、 visible-xs-8 hidden-md B、 visible-md...
入行将近两年的时间,再次谈谈如何优化页面 通常情况下有一下几种情况: 减少http请求 压缩css、js、images文件 使用图片精灵 图片原始大小放入html。 使用小且可缓存的ico 减少http请求 捆绑文件:将多个文件...
在项目开发过程中,有时候需要监听输入框value值的变化,并在value值发生变化时执行操作,这里示例:当value值发生变化时,显示包含这个value的所有部分,其余隐藏。 查看示例前先了解下indexof方法:示例中seachvalue表示输入框...