jQuery插件bxSlider+zoomsl实现商城商品图片轮播放大镜效果

bxSlider.js是一款jquery轮播图插件，可以实现图片并排轮播切换；zoomsl.js是一款jQuery图片放大镜效果插件，可以实现鼠标悬停放大显示图片细节；两个插件结合就可以实现类似于淘宝商品页页的产品轮播和放大显示效果。 bxSlider Github：https://github.com/stevenwanderski/bxslider-4 zoomsl下载：免费可商业商品图片放大镜jqu...
Web前端开发 / / 5488次阅读
jQuery插件bxSlider+zoomsl实现商城商品图片轮播放大镜效果

免费可商业商品图片放大镜jquery插件zoomsl.js

俄罗斯的一款商品图片放大镜jquery插件，类似于淘宝商品在鼠标悬停上去，右侧显示细节放大镜窗口。zoomsl插件兼容IE8+、Chrome 1+、Firefox 2+、safari 2+浏览器。商业许可及个人许可均免费。 插件下载：jquery.zoomsl.plugin.zip 插件教程 基础应用 HTML代码结构： <img class="my-f...
Web前端开发 / / 5091次阅读
免费可商业商品图片放大镜jquery插件zoomsl.js

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

不依赖javascript，直接使用纯css实现svg的描边绘制动画效果，效果演示动画。 基础知识： SVG中有个比较重要的属性分支stroke，中文软件中称为“描边”。和stroke相关的属性还有下面这些： 1、stroke 表示描边颜色。表示颜色的名字不是stroke-color，只是单纯的stroke。它的值官方称为“paint”，可选值的类型包括none...
Web前端开发 / / 3993次阅读
使用CSS3实现SVG路径描边动画效果入门教程

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之后的版...
Web前端开发 / / 5225次阅读

利用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...
Web前端开发 / / 6161次阅读
利用css属性padding或margin的百分比值实现元素的高度自适应

JavaScript属性childNodes和children的区别

javascript中childNodes属性的作用是获得元素的子节点集合，返回节点的子节点集合，以 NodeList 对象；javascript的children属性作用也是获取元素的子元素集合，返回元素的子元素的集合，是一个 HTMLCollection 对象。 children属性与childNodes属性的差别： childNodes属性返回所有的节点，包括文本节点、注释节点；...
Web前端开发 / / 9549次阅读
JavaScript属性childNodes和children的区别

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

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

e-calendar是记录或设置指定日期事件的一款jQuery插件，类似于工作备忘录的功能。Github主页：https://github.com/jhonis/e-calendar使用教程：1、引入e-calendar插件<script src="js/jquery.min.js"></script> <!--这是jQuery库文件--> <scrip...
Web前端开发 / / 6016次阅读
简单的日历记事本jQuery插件e-calendar(带样式美化)