使用CSS text-shadow实现文字描边效果的代码

通过 text-shadow 属性水平、垂直阴影的偏移值可以实现文字的描边效果,兼容 Chrome 4.0+、IE10+、Firefox 3.5+、Safari 4.0+、Opera 9.6+ 浏览器,加上私有属性前缀,可能兼容的版本还可以提高,不过我没有测试。 网页效果: WWW.NEIRONG.ORG CSS: -o-text-shadow: 1px 0px 0px #f00, 0px 1...
Web前端开发 / / 3724次阅读

支持电脑手机端的QQ临时会话链接

腾讯原来的wpa开头QQ在线状态会话链接好像失效了,在QQ推广工具中生成的在线状态链接也好像有问题,但下面两个QQ临时会话链接还可以正常使用,分别对应电脑端和移动端,会直接弹出QQ临时会话窗口。 电脑端: tencent://message/?Menu=yes&uin=10000&Site=http://www.neirong.org 手机端: mqqwpa:/...
Web前端开发 / / 4770次阅读

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

CSS中 text-align:justify; 实现文本两端对齐,最后一行居左;text-align:center; 实现文本居中显示,两端不对齐。 由于 CSS 一个选择器不能使用相同的两个属性,text-align 属性也不能设置两个属性值,所以不能同时使用 justify 和 center 实现两端对齐居中显示。 要想文本两端对齐且居中显示,需要使用 justify 的附属属性 text-align...
Web前端开发 / / 4736次阅读

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

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

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

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

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

HTML5 标签 video 在网页中插入播放视频,默认会出现画中画按钮控件,webkit 内核的浏览器(chrome)可以使用 video 新增的 disablePictureInPicture 属性关闭, firefox 浏览器目前不支持 disablePictureInPicture 属性,暂时也没有在代码层面关闭画中画的方法,需要在浏览器本身的设置里关闭,而IE浏览器压根就不支持画中画,不用考虑。 webkit...
Web前端开发 / / 7471次阅读
HTML video标签视频关闭画中画控件按钮

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) {...
Web前端开发 / / 12097次阅读

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

非响应式web网页,在小于web网页设置的宽度的分辨率电脑下显示,会出现滚动条滚动显示超出分辨率的内容,如:网页主体宽度为设置为width:1400px,那么在1280分辨率电脑的浏览器上访问,就会出现横向滚动条。 如果想完整显示,又不做成响应式结构,可以通过等比例缩放的形式让网页完整显示在1280分辨率电脑的浏览器上,等同于浏览器“Ctrl+鼠标滚动”的缩放效果。 代码也很简单,通过jquery的resi...
Web前端开发 / / 4996次阅读

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

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

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

实现的效果:箭头按弧线的轨迹运行,运行的轨迹为虚线状态,运行到弧线末端后,变成直线运行 HTML代码 <svg width="800px" height="600px" viewbox="0 0 190 150"> <defs> <marker id="markerArrow" markerWidth="6" markerHeight="9...
Web前端开发 / / 6126次阅读
js svg实现带箭头虚线轨迹运动代码

javascript监听判断鼠标键盘是否有操作的代码

通过js代码检测当前网页在指定时间内,是否有鼠标移动、滚动操作,键盘是否有按键操作。 var status = 0; var time = 60 * 1000; var mousex, mousey; document.onkeydown = function(e){ status = 1; } document.onmousemove = function(e){ var e = e || window....
Web前端开发 / / 3618次阅读