2017年7月7日

修改浏览器滚动条样式

摘要: 滚动条样式修改,没有找到修改火狐浏览器滚动条的代码 把以下样式加入css,图片为谷歌、safari、qq浏览器、360浏览器滚动条样式和ie滚动条样式及ie原始默认样式 /*谷歌、safari、qq浏览器、360浏览器滚动条样式*/ /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::- 阅读全文

posted @ 2017-07-07 14:24 Marlboro||PM 阅读(275) 评论(0) 推荐(0) 编辑

2017年7月6日

js实现无缝轮播

摘要: <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>23333</title> <style> *{ margin: 0; padding: 0; } ul,li{ list-style: none; } .warp 阅读全文

posted @ 2017-07-06 17:43 Marlboro||PM 阅读(167) 评论(0) 推荐(0) 编辑

2017年7月5日

JS (canvas) 两个小球碰撞

摘要: <style media="screen"> * { margin: 0; padding: 0; } canvas { box-shadow: 0 0 40px black; margin: 50px; } </style> <canvas id="canvas" width="500" heig 阅读全文

posted @ 2017-07-05 11:22 Marlboro||PM 阅读(1636) 评论(0) 推荐(1) 编辑

js里div随着鼠标一起移动

摘要: <script> function move(keynum) { //获取屏幕宽度 var w=screen.availWidth; //获取屏幕高度 var h=screen.availHeight var d = document.getElementById("dv"); //创建随机数,也就 阅读全文

posted @ 2017-07-05 11:20 Marlboro||PM 阅读(248) 评论(0) 推荐(0) 编辑

2017年6月1日

js的动态加载、缓存、更新以及复用

摘要: 使用范围: OA、MIS、ERP等信息管理类的项目,暂时不考虑网站。 遇到的问题: 完成一个项目,往往需要引用很多js文件,比如jQuery.js、easyUI等。还有自己写的一些列js文件,那么这些文件如何方便的加载,如果文件有变化如何才能让客户端及时更新缓存?如果能够提高点运行效率,那就更好了。 阅读全文

posted @ 2017-06-01 17:49 Marlboro||PM 阅读(331) 评论(0) 推荐(0) 编辑

js阻止事件冒泡的两种方法

摘要: 一、冒泡事件简介 当我们点击一个控件的时候,如果包括这个控件的父控件也有click事件,则会继续执行。 方法一:event.stopPropagation( ); 例如: html代码: 方法二:event.target eventevent.targetDOM API jQuery.targetD 阅读全文

posted @ 2017-06-01 11:43 Marlboro||PM 阅读(533) 评论(0) 推荐(0) 编辑

2017年5月31日

核心DOM和html DOM的区别

摘要: DOM分为三部分: (1)核心DOM:遍历DOM树、添加新节点、删除节点、修改节点 (2)HTML DOM:以一种简便的方法访问DOM树 (3)XML DOM:准用于操作XML文档 核心DOM与HTML DOM的区别: 核心DOM : 对象:Document,Node, ElementNode,Te 阅读全文

posted @ 2017-05-31 14:51 Marlboro||PM 阅读(326) 评论(0) 推荐(0) 编辑

JavaScript 事件流、事件处理程序及事件对象总结

摘要: JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式,支持页面的行为与页面的外观之间的松散耦合。本文将介绍JS事件相关的基础知识。 一、事件流 事件流描述的 阅读全文

posted @ 2017-05-31 14:48 Marlboro||PM 阅读(204) 评论(0) 推荐(0) 编辑

2017年5月26日

css3 实现飞入由小变大

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <!--<link rel="stylesheet" href="xuanzhuan.css">--> <style> .vl-out { bac 阅读全文

posted @ 2017-05-26 14:52 Marlboro||PM 阅读(243) 评论(0) 推荐(0) 编辑

2017年5月23日

简单手写js轮播

摘要: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; text-decoration: none; } body { 阅读全文

posted @ 2017-05-23 17:19 Marlboro||PM 阅读(190) 评论(0) 推荐(0) 编辑

导航