展开菜单

使用CSS3实现SVG路径描边动画效果入门教程

使用CSS3实现SVG路径描边动画效果入门教程

不依赖javascript,直接使用纯css实现svg的描边绘制动画效果,效果演示动画。 基础知识: SVG中有个比较重要的属性分支stroke,中文软件中称为“描边”。和stroke相关的属性还有下面这些: 1、stroke 表示描边颜色。表示颜色的名字不是stroke-color,只是单纯的stroke。它的值官方称为“paint”,可选值的类型包括none、currentColor、<color>。 none - 表示没有颜色; <color> - 表...

使用css给table表格表头添加斜线(斜线表格)

使用css给table表格表头添加斜线(斜线表格)

html中table没有直接的斜线表头标签,但结合css、svg之类的可以实现。 先看效果: html代码: <table style="border-collapse:collapse;" cellspacing="0" cellpadding="0"> <tbody> <tr> <td id="lineTd"> <span style="float:left;margin-top:20px;">项目</span> <sp...

jquery.form.js错误$.handleError is not a function的解决方法

使用jquery.form.js插件,提交表单的时间,提示错误$.handleError is not a function的错误,完整错误如下: TypeError: $.handleError is not a function jquery.form.js:339:7 错误原因: $.handleError存在于jQuery-1.4.2之前的版本中,jQuery-1.4.2之后的版本废弃了$.handleError 解决方法: 1、把jquery.js库换成1.4.2之前的版本。(不推荐该方法) 2、在...

jquery表单验证插件submitform_validator.js报错误script:[websiteurl]的Error解决方法

jquery验证表单插件出现错误提示,无法提交表单,错误提示如下: Error: Syntax error, unrecognized expression: script:[websiteurl] 该错误出现在jQuery 1.4以后的版本。 解决方法: 编辑submitform_validator.js文件,把代码中的所有script:[websiteurl]修改成script[websiteurl]即可。

利用css属性padding或margin的百分比值实现元素的高度自适应

利用css属性padding或margin的百分比值实现元素的高度自适应

外边距属性margin和内边距属性padding取百分比值的时候,无论是left、right或top、bottom,都是以其父元素的宽值(width)作为参照物(即分母top/width),这是W3C的规范,官方原文如下: Note that in a horizontal flow, percentages on ‘margin-top’ and ‘margin-bottom’ are relative to the width of the containing block, not the height (and in vertical flow, ‘margi...

html5视频媒体标签video的使用方法及完整参数说明

video是HTML5的一个视频媒体标签,其作用是在网页中嵌入指定的视频,video标签的代码结构及参数如下。 HTML代码结构: <video controls autoplay loop preload="auto" poster="img/popup-img.png" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="tr...

JavaScript属性childNodes和children的区别

JavaScript属性childNodes和children的区别

javascript中childNodes属性的作用是获得元素的子节点集合,返回节点的子节点集合,以 NodeList 对象;javascript的children属性作用也是获取元素的子元素集合,返回元素的子元素的集合,是一个 HTMLCollection 对象。 children属性与childNodes属性的差别: childNodes属性返回所有的节点,包括文本节点、注释节点; children属性只返回元素节点; 先看childNodes的用法,以及是如何计算节点数量: ...

javascript计算两个日期的天数差js代码

使用javascript计算两个日期(yyyy-mm-dd格式)之间相差多少天的代码。 1、指定日期天数差 function DateDiff(start, end){ start = new Date(start); end = new Date(end); if(end > start){ days = parseInt(Math.abs(end - start) / 1000 / 60 / 60 / 24); }else{ days = '0'; } return days; } 调用输出: do...

简单的日历记事本jQuery插件e-calendar(带样式美化)

简单的日历记事本jQuery插件e-calendar(带样式美化)

e-calendar是记录或设置指定日期事件的一款jQuery插件,类似于工作备忘录的功能。 Github主页:https://github.com/jhonis/e-calendar 使用教程: 1、引入e-calendar插件 <script src="js/jquery.min.js"></script> <!--这是jQuery库文件--> <script src="js/jquery.e-calendar.js"></script> <!--这是e-ca...

Firefox浏览器select点击选择时出现虚线框的解决方法

HTML select选项框在火狐firefox浏览器中,当鼠标点击选择时,会出现虚线框的问题。 解决方法: 1、方法一 select:focus { outline: 0; border: 0; } 2、方法二 select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #705a39; }

xampp phpmyadmin访问被拒绝,不显示登录界面的解决方法

xampp phpmyadmin访问被拒绝,不显示登录界面的解决方法

xampp安装完成后,phpmyadmin密码默认为空,浏览器访问phpmyadmin直接进入管理首页,给phpmyadmin管理帐号设置密码后,登录页面直接显示连接错误,没有登录窗口。 修改方法: 在phpmyadmin安装目录的根目录下找到config.inc.php文件,编辑该文件,找到代码: $cfg['Servers'][$i]['auth_type'] = 'config'; 修改为: $cfg['Servers'][$i] ['auth_type'] = 'http'; 或 $cfg['Servers...