菜单

CSS文本居中并且两端对齐的样式属性text-align-last

CSS中 text-align:justify; 实现文本两端对齐,最后一行居左;text-align:center; 实现文本居中显示,两端不对齐。 由于 CSS 一个选择器不能使用相同的两个属性,text-align 属性也不能设置两个属性值,所以不能同时使用 justify 和 center 实现两端对齐居中显示。 要想文本两端对齐且居中显示,需要使用 justify 的附属属性 text-align-last,text-align-last 属性规定文本最后一行的对齐方式,如居左、居中、居右,该属性只有在 text-align 属性设置为 justify ...

jquery出现$.browser is undefined提示的解决方法

$.browser 属性用于返回用户当前使用的浏览器的相关信息,但该属性在 jQuery 1.9 版本已经被移除,所以在使用高版本 jQuery 时,浏览器就会报出 $.browser 未定义的错误提示 “$.browser is undefined”,解决该问题方法是给 $.browser 重新定义,或者在高版本 jQuery 中补充 $.browser 属性。 方法一:重定义 $.browser 因为 $.browser 是根据 navigator.userAgent 属性来确定浏览器信息的,所以在使用 $.browse 属性前添加 $.browse...

HTML5 video标签属性controlslist禁止下载、全屏和远程播放

video标签controlslist属性的作用是帮助用户使用控制属性controls时选择要在媒体元素上显示的控件,controlslist属性有nodownload(隐藏下载控件)、nofullscreen(隐藏全屏模式控件)、noremoteplayback(隐藏远程播放控件)三个属性值,可同时设置三个值或其中一个。 目前支持该属性的PC和手机浏览器有:Chrome 58+、Opera 45+、Android webview、Chrome for Android、Firefox for Android、Opera for Android。 用法: &l...

php判断访问web网站的设备是手机还是电脑

php可以通过HTTP_USER_AGENT来获取浏览web页面的访客使用的操作系统(包括版本号)、浏览器(包括版本号)以及偏好的代码信息,因此可以通过其中的操作系统或浏览器判断访问者使用的是手机还是电脑。 php代码 <?php var_dump($_SERVER['HTTP_USER_AGENT']); ?> 输出的信息 string(65) "Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0" 判断手机或电脑的代码 <...

HTML video标签视频关闭画中画控件按钮

HTML video标签视频关闭画中画控件按钮

HTML5 标签 video 在网页中插入播放视频,默认会出现画中画按钮控件,webkit 内核的浏览器(chrome)可以使用 video 新增的 disablePictureInPicture 属性关闭, firefox 浏览器目前不支持 disablePictureInPicture 属性,暂时也没有在代码层面关闭画中画的方法,需要在浏览器本身的设置里关闭,而IE浏览器压根就不支持画中画,不用考虑。 webkit内核浏览器关闭画中画 <video src="video.mp4" width="500px" height="400px" controls di...

javascript 单位米m转换为单位千米km的代码

js代码实现m转换为km的代码,实现思路是判断数值是否大于1000,如果大于1000就通过除以1000转为km单位,再使用toFixed保留小数点后两位数。如果小于两1000则使用m为单位。 代码如下 function kmUnit(m){ var v; if(typeof m === 'number' && !isNaN(m)){ if (m >= 1000) { v = (m / 1000).toFixed(2) + 'km' } else { v =...

SQL从第几条数据起调用的select查询语句

SQL SERVER数据库,使用sql语句查询数据表中第几条起的数据,或查询数据表中第n条到第m条之间的数据。 示例: PS:content是要查询的数据表,id是content数据表中的主键字段。 1、查询数据表中第3条起的数据 select * from content where id not in (select top 3 id from content order by id desc) order by id desc 2、查询数据表中第4条至第10条数据 select top 7 * from content whe...

jQuery + CSS属性zoom实现web页面等比例缩放

非响应式web网页,在小于web网页设置的宽度的分辨率电脑下显示,会出现滚动条滚动显示超出分辨率的内容,如:网页主体宽度为设置为width:1400px,那么在1280分辨率电脑的浏览器上访问,就会出现横向滚动条。 如果想完整显示,又不做成响应式结构,可以通过等比例缩放的形式让网页完整显示在1280分辨率电脑的浏览器上,等同于浏览器“Ctrl+鼠标滚动”的缩放效果。 代码也很简单,通过jquery的resize()方法和css的zoom属性即中。 实现代码 $(window).resize(function () { var win = ...

HTML SVG保存为外部.svg文件被img图片或background背景引用

把在HTML中多次重复使用的svg代码保存为外部.svg文件,可以减少页面代码冗余,提高代码可读性。 svg图形 menu.svg文件 <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" version="1.1" xm...

原生javascript判断数组是否包含一个指定的值

方法一 array.indexOf()方法可以返回数组中某个指定的元素位置,该方法会从头到尾地检索数组,检测是否含有对应的元素,如果检索到,则返回元素第一次出现的位置,如果没有检索到,则返回-1。 示例: var _str = 'two'; var _arr = ['one', 'two', 'three', 'five']; if(_arr.indexOf(_str) > '-1'){ alert('数组中存在该值'); } //_arr.indexOf(_str) 返回结果是1 方法二 array.include...

js svg实现带箭头虚线轨迹运动代码

js svg实现带箭头虚线轨迹运动代码

实现的效果:箭头按弧线的轨迹运行,运行的轨迹为虚线状态,运行到弧线末端后,变成直线运行 HTML代码 <svg width="800px" height="600px" viewbox="0 0 190 150"> <defs> <marker id="markerArrow" markerWidth="6" markerHeight="9" refx="6" refy="5" orient="auto"> <path d="M0,0 L6,5 L0,9"&g...

访问github.io出现404错误的解决方法

访问github.io出现404错误的解决方法

访问github.io站点,浏览器报404错误,部分的原因可能是系统DNS缓存导至,清除系统DNS缓存可解决。 快捷键win+R打开运行窗口,输入cmd后按回车键 在打开的命令窗口输入 ipconfig/flushdns