HTML5 视频标签 video 在不同浏览器会有不同的控件样式，想要统一 video 视频控件的样式，可以利用 HTML5 Video 的 Api，用 JavaScript 访问 html video api，将其作为控制视频的媒介，就可以实现 video 视频控件皮肤样式的自定义。 jQuery 是如何获取 video 标签的（基础可以跳过） 在原生 javaScript 中使用 getElementById('videoID') 获取 video 标签会得到一个 Dom 对象，在 jQuery 中使用 $("videoID") 会返回一个 jQ...
通过 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 1px 0px #f00, -1px 0px 0px #f00, 0px -1px 0px #f00; color:#fff; -ms-text-shadow...
腾讯原来的wpa开头QQ在线状态会话链接好像失效了，在QQ推广工具中生成的在线状态链接也好像有问题，但下面两个QQ临时会话链接还可以正常使用，分别对应电脑端和移动端，会直接弹出QQ临时会话窗口。 电脑端： tencent://message/?Menu=yes&uin=10000&Site=http://www.neirong.org 手机端： mqqwpa://im/chat?chat_type=wpa&uin=10000&version=1&src_type=web&web_src=...
CSS中 text-align:justify; 实现文本两端对齐，最后一行居左；text-align:center; 实现文本居中显示，两端不对齐。 由于 CSS 一个选择器不能使用相同的两个属性，text-align 属性也不能设置两个属性值，所以不能同时使用 justify 和 center 实现两端对齐居中显示。 要想文本两端对齐且居中显示，需要使用 justify 的附属属性 text-align-last，text-align-last 属性规定文本最后一行的对齐方式，如居左、居中、居右，该属性只有在 text-align 属性设置为 justify ...
$.browser 属性用于返回用户当前使用的浏览器的相关信息，但该属性在 jQuery 1.9 版本已经被移除，所以在使用高版本 jQuery 时，浏览器就会报出 $.browser 未定义的错误提示 “$.browser is undefined”，解决该问题方法是给 $.browser 重新定义，或者在高版本 jQuery 中补充 $.browser 属性。 方法一：重定义 $.browser 因为 $.browser 是根据 navigator.userAgent 属性来确定浏览器信息的，所以在使用 $.browse 属性前添加 $.browse...
video标签controlslist属性的作用是帮助用户使用控制属性controls时选择要在媒体元素上显示的控件，controlslist属性有nodownload（隐藏下载控件）、nofullscreen（隐藏全屏模式控件）、noremoteplayback（隐藏远程播放控件）三个属性值，可同时设置三个值或其中一个。 目前支持该属性的PC和手机浏览器有：Chrome 58+、Opera 45+、Android webview、Chrome for Android、Firefox for Android、Opera for Android。 用法： &l...
HTML5 标签 video 在网页中插入播放视频，默认会出现画中画按钮控件，webkit 内核的浏览器（chrome）可以使用 video 新增的 disablePictureInPicture 属性关闭， firefox 浏览器目前不支持 disablePictureInPicture 属性，暂时也没有在代码层面关闭画中画的方法，需要在浏览器本身的设置里关闭，而IE浏览器压根就不支持画中画，不用考虑。 webkit内核浏览器关闭画中画 <video src="video.mp4" width="500px" height="400px" controls di...
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 =...
非响应式web网页，在小于web网页设置的宽度的分辨率电脑下显示，会出现滚动条滚动显示超出分辨率的内容，如：网页主体宽度为设置为width:1400px，那么在1280分辨率电脑的浏览器上访问，就会出现横向滚动条。 如果想完整显示，又不做成响应式结构，可以通过等比例缩放的形式让网页完整显示在1280分辨率电脑的浏览器上，等同于浏览器“Ctrl+鼠标滚动”的缩放效果。 代码也很简单，通过jquery的resize()方法和css的zoom属性即中。 实现代码 $(window).resize(function () { var win = ...
把在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...
方法一 array.indexOf()方法可以返回数组中某个指定的元素位置，该方法会从头到尾地检索数组，检测是否含有对应的元素，如果检索到，则返回元素第一次出现的位置，如果没有检索到，则返回-1。 示例： var _str = 'two'; var _arr = ['one', 'two', 'three', 'five']; if(_arr.indexOf(_str) > '-1'){ alert('数组中存在该值'); } //_arr.indexOf(_str) 返回结果是1 方法二 array.include...
实现的效果：箭头按弧线的轨迹运行，运行的轨迹为虚线状态，运行到弧线末端后，变成直线运行 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...