摘要: 利用面向对象自己动手写了一个封装好的jquery轮播对象,可满足一般需求,需要使用时只需调用此对象的轮播方法即可。 demo:https://github.com/zsqosos/shopweb 具体代码如下: HTML结构: css样式: jquery代码: 最初实现时使用面向过程的方法来完成,虽 阅读全文
posted @ 2016-12-02 20:14 代码恶童 阅读(576) 评论(0) 推荐(0) 编辑
摘要: 本文介绍了css3中的box-sizing属性,在这之前读者需要预备知识width的范围。 浏览器的支持情况 box-sizing属性 box-sizing属性可以有三个值:content-box(defalut),border-box属性。 效果截图: 本文转载自:http://www.cnblo 阅读全文
posted @ 2016-12-01 21:50 代码恶童 阅读(173) 评论(0) 推荐(0) 编辑
摘要: *以下技巧均源自于Lea Verou所著《CSS Secrets》 平行四边形 平行四边形的构造可以基于矩形通过skew()的变形属性进行斜向拉升得到(skew所用的坐标系,纵向是X轴,横向是Y轴,与常见的坐标系相反)。 但是内容倾斜可能不是我们所需要的效果,一种常规的解决方案就是在内层嵌套一个di 阅读全文
posted @ 2016-11-30 19:05 代码恶童 阅读(441) 评论(0) 推荐(0) 编辑
摘要: JS 判断字串字节数,并截取长度 var matchWords; function notifyTextLength() { var inputNum = document.getElementById("txtTitle").value.replace(/[^\x00-\xff]/g, "**") 阅读全文
posted @ 2016-11-29 21:02 代码恶童 阅读(1367) 评论(0) 推荐(0) 编辑
摘要: 1,三特性 1)层叠性:同标签同权重下,样式冲突,后面的样式会覆盖前面的。 2)继承性: 给父元素设置样式的时候,子元素在默认没有样式的情况下会受父元素的样式影响。注意宽高不能继承。 可继承的属性: ◇文字颜色可以被继承 color ◇与文字相关的属性都可以被继承 ◆行高(line-height) 阅读全文
posted @ 2016-11-28 21:35 代码恶童 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 基本封装方法 请看下面的例子: var Person = function(name,age){ this.name = name; this.age = age || "未填写"; this.hobbys = []; } Person.prototype = { sayName:function( 阅读全文
posted @ 2016-11-25 22:06 代码恶童 阅读(219) 评论(0) 推荐(0) 编辑
摘要: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> #btn { height: 30px; width: 100px; border: 1p 阅读全文
posted @ 2016-11-24 20:48 代码恶童 阅读(405) 评论(0) 推荐(0) 编辑
摘要: CSS3常见的动画效果的实现,其实主要是靠 transition和 animation 。 而通常,这两个又会和CSS3中的新属性transform 来搭配使用 那么这三个东西其实是干什么用的呢?我按我自己的理解来下个简单结论。 transform:把元素变形; transition:元素的属性变化 阅读全文
posted @ 2016-11-23 21:32 代码恶童 阅读(652) 评论(0) 推荐(0) 编辑
摘要: 居中布局 <div class=”parent”> <div class=”child”>demo</div> </div> 1.水平居中 1> 方案一 inlink-block+text-align .child {display:inlink-block;} .parent {text-alig 阅读全文
posted @ 2016-11-22 20:53 代码恶童 阅读(1678) 评论(0) 推荐(0) 编辑
摘要: 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 一导入js库<script src="../js/jquery.js" type="text/javas 阅读全文
posted @ 2016-11-20 23:11 代码恶童 阅读(6669) 评论(0) 推荐(0) 编辑