摘要: 一、笑脸猫动画 实现效果如下: 这个实现起来确实比较麻烦,很多地方需要花时间,有耐心地调整。 1.先看下页面结构: 2.再看css部分 1.先看脸部face: 主要是要画出椭圆形,width和height设置的值要注意,脸比较宽。然后关键就是border-radius的设置了: border-rad 阅读全文
posted @ 2016-12-14 22:31 LiuWeiLong 阅读(3751) 评论(0) 推荐(0) 编辑
摘要: demo:https://zsqosos.github.io/weather/ 截图: 实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市。 实现过程:先调用百度地图的API来获取用户所在的城市,随后调用聚合数据的天气API将数据放在页面上。由于ajax不支持跨域,所以采 阅读全文
posted @ 2016-12-12 23:10 LiuWeiLong 阅读(4807) 评论(2) 推荐(2) 编辑
摘要: 注释: (1)给下拉框赋值:$("#Select1").val(“二”);这时已经选中了 value是two的选项 ,通过$("#Select1")[0].selectedIndex或者$("#Select1").get(0).selectedIndex可以得到此时的索引是1,下拉框的索引是从0开始 阅读全文
posted @ 2016-12-12 23:08 LiuWeiLong 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 一、 HTML5 二、 CSS3 三、 jQuery与CSS3选择器(详见PDF文档) 注:部分实例见分享会文件demo.html 1. 为什么需要HTML5? HTML4的陈旧不能满足日益发展的互联网需要,特别是移动互联网。为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使 阅读全文
posted @ 2016-12-12 23:05 LiuWeiLong 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 目录 一、HTML4客户端存储 1.1、提交表单发送到服务器的信息 1.2、客户端本地存储概要 二、localStorage 2.1、添加 2.2、取值 2.3、修改 2.4、删除 2.5、跨页面与跨域 2.6、存储位置与SQLite 2.7、用途、练习与兼容性 三、sessionStorage 3 阅读全文
posted @ 2016-12-02 23:22 LiuWeiLong 阅读(2671) 评论(0) 推荐(1) 编辑
摘要: 目录 一、HTML5新增属性 1.1、contextmenu 1.2、contentEditable 1.3、hidden 1.4、draggable 1.5、data-* 1.6、placeholder占位属性 1.7、required必填属性 1.8、pattern正则属性 1.9、autofo 阅读全文
posted @ 2016-12-02 23:20 LiuWeiLong 阅读(404) 评论(0) 推荐(0) 编辑
摘要: 基本封装方法 请看下面的例子: var Person = function(name,age){ this.name = name; this.age = age || "未填写"; this.hobbys = []; } Person.prototype = { sayName:function( 阅读全文
posted @ 2016-11-27 23:08 LiuWeiLong 阅读(467) 评论(0) 推荐(1) 编辑
摘要: 一:认识jQuery 1.window.onload与$(document).ready()的对比 2.jQuery代码风格(1:链式代码风格2:位代码添加注释) 3.jQuery对象和DOM对象(1.DOM对象和jQuery对象简介2.DOM对象和jQuery对象互相转换) 二:jQuery选择器 阅读全文
posted @ 2016-11-27 23:03 LiuWeiLong 阅读(1372) 评论(0) 推荐(0) 编辑
摘要: this是谁 技术一般水平有限,有什么错的地方,望大家指正。 this代指当前对象super调用父类的构造函数,应表会运网数物,加载驱动建立链接执行SQL处理结果,直到现在每想起这三点就能想起我上大学的时候,故事背景都是不同的有时候是我玩的正high的时候有时候是我快要睡觉,但是结果都是一致的就是让 阅读全文
posted @ 2016-11-21 22:48 LiuWeiLong 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; 阅读全文
posted @ 2016-11-21 22:32 LiuWeiLong 阅读(383) 评论(0) 推荐(0) 编辑