`
文章列表
朋友有项目需要做弹幕效果,网上找了示例代码,运行起来有点问题(文字重叠+没有循环),让我看下。由于我比较不喜欢跟着别人思路走,因此干脆重新写了一个,基本实现弹幕功能。具体功能如下:   支持指定弹幕行数 支持循环播放 支持弹幕开关 支持设置评论颜色(通过CSS支持,可改造成直接设置字体颜色) 支持设置弹幕透明度 效果如下:   Codepen上的示例:https://codepen.io/qingyuexiao/pen/RwaJmVJ   完整代码见:https://github.com/qingyuexiao/SimpleBarrage
最早下载的时候直接使用window.open(url)的方式来下载。之后由于要支持在mobile browser上打开或下载,改用a标签,添加属性download来实现,代码如下(基于jQuery),非常简洁,在Chrome中效果良好,且不用增加无用的DOM节点。 $('<a download>').attr('href', url)[0].click();  然而后来发现这样写在Firefox中没有反应,在网上查了发现Firefox下必须把a标签添加到DOM树下才有效,代码做如下修改后在Firefox和Chrome下都运行良好,仅此记录。 var a = $('<a ...
    在CSS中,calc的使用很简单,直接做加减法就行了(即使单位不同):  div > span { width: calc(100% - 10px); }       然而在Less中,这样写是不可行或者说达不到预期的效果的,需要转义calc的参数,具体语法如下: div { > span { width:calc(~'100% - 10px'); } }       并且还可以在calc函数中使用参数,以下是比较复杂的一种:   @btnWidth: 40px; div { > span ...
    昨天生产环境有用户反馈页面操作报错,根据用户发过来的截图来看报错信息如下: 错误信息 This page can't be displayed. Contact support for additional information. The incident ID is: 5906352683740581956.       这个消息以前从来没见过,看 ...
     今天遇到一个很奇怪的问题,使用float:right时,在Firefox中显示到了下一行(不是内容过长),而在Chrome和IE(10、11)中都是正常的。代码类似如下:    <div> <span>logo</span> <span>name</span> <div style="display:inline-block; float:right;">description<div> <div>        网上查了一下,找到了解 ...
当页面A包含子页面B,在页面B中执行history.back(-1)或history.go(-1)会引起整个页面后退,网上查询并测试后,以下代码有效解决了该问题: function goBack(){ //解决Safari中后退功能的兼容问题 if (navigator.userAgent && /(iPhone|iPad|iPod|Safari)/i.test(navigator.userAgent)) { window.location.href = window.document.referrer; } else { window. ...
jquery animate函数不能处理背景色渐变,需要使用jquery.color插件 gitHub地址:https://github.com/jquery/jquery-color/ 使用代码: $(function(){   $("#cdiv").animate({   backgroundColor:'#FF0000' }, 1000) }) 注意:背景色属性要用backgroundColor,使用background无效。 jquery.color.js的gitHub地址:https://github ...
在html的head头内如下写法,节选自http://www.xingzai.org/html-note/meta-tag-usage-order.html: 1.<!--x-ua-compatible(浏览器兼容模式) 仅对IE8+以效 告诉浏览器以什么版本的IE的兼容模式来显示网页 <meta http-equiv="X-UA-Compatible" content="IE=5" > <meta http-equiv="X-UA-Compatible" content="IE=7" ...
Chrome: ::-webkit-input-placeholder{ color:#bfbfbf; } Firefox ::-moz-placeholder{ color:#bfbfbf; }
------------------------------------以下为原文------------------------------------- 一、问题描述: 1.当应用以WAR的形式布署到WebLogic时,代码中的servletContext.getRealPath函数为空。(不包含以目录形式发布的情况) 2.发布或启动应用时出现如下异常信息: Cannot set web app root system property when WAR file is not expanded 二、涉及版本: WebLogic的各版本都可能有此问题。 三、问题原因: Web ...
这是个过滤器的内容: public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest req = (HttpServletRequest) request; HttpServletResponse resp = (HttpServletResponse) response; String c ...
之前在Tomcat7.0.37部署JAVA工程时,启动后运行JSP页面(页面中使用了EL)一直报如下错误: The absolute uri: http://java.sun.com/jsp/jstl/core cannot be resolved in either web.xml or the jar files deployed with this application 该应用部署在tomcat6下时没有任何问题,就改到tomcat7时出现,网上查资料,有说是JSTL版本问题,也有说JSTL和Standard的JAR包冲突,都没能解决问题,后来看到帖子说把Standard包中的tld ...
前两天项目组发现一个问题,在IE8下使用标签页+iframe显示多个页面的时候,打开其他页面都正常,但是打开使用帆软报表软件(FineReport)开发的报表页面就显示空白,奇怪的的是看状态栏有加载相应页面,而且改变一下iframe的窗口大小(例如按F11全屏)页面就会立刻显示出来,感觉就是页面从服务端加载后受到什么阻塞没有最终渲染出来。问题很难诊断,特别是现在都升级到IE9/IE10了,使用开发人员调试工具(F12)切换成IE8的浏览器模式查看时运行正常(可能是修复了以前的BUG),远程到项目组查看又各种慢和不方便,把我纠结死。今天在同事的帮助下,借助她电脑上的IE8,经过反复测试验证,终于打 ...
之前使用tomcat7时遇到启动报错问题,日志如下: 严重: ContainerBase.addChild: start: org.apache.catalina.LifecycleException: Failed to start component [StandardEngine[Catalina].StandardHost[localhost].StandardContext[/mypro]] at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:154) at org.apache.catalina ...
本人做页面设计器开发,需要保存页面元素属性,近期发现偶有text-decoration属性值保存为initial,以致在IE中读取数据时报属性设置异常的脚本错误,经查发现是因为使用谷歌浏览器(Chrome)进行属性设置时,若是把text-decoration值设置为none,就会返回initial值,即: element.style.textDecoration = 'none'; alert(element.style.textDecoration);  //return "initial" 因此,若是要消除下划线,应改为以下写法,则可实现浏览器属性兼容: eleme ...
Global site tag (gtag.js) - Google Analytics