- 博客(22)
- 收藏
- 关注
原创 iframe滚动条隐藏高度自适应
html>head>title>title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">head>body>divclass="ifr"onMouseOut="hideS()"onMouseOver="showS(
2017-10-11 15:33:34 670
原创 拖放api示例
DOCTYPE html>htmllang="en">head>title>拖放apititle>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">scriptsrc="js/jquery.js">/script>style>
2017-09-25 10:39:06 268
原创 fildReader接口的示例应用(二)
DOCTYPE html>htmllang="en">head>title>fileReadertitle>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">style>/style>head>body>p>fildRe
2017-09-22 17:31:58 252
原创 fildReader接口的示例应用
DOCTYPE html>htmllang="en">head>title>fileReadertitle>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">style>/style>head>body>p>fildRe
2017-09-22 16:25:07 188
原创 node.js杀死僵尸进程
var cluster = require('cluster');var http = require('http');var numCPUs = require('os').cpus().length;var rssWarn = (50* 1024* 1024),heapWarn = (50* 1024* 1024);var workers
2017-09-15 14:37:23 859
原创 javascript drag()拖拽
DOCTYPE html>htmllang="en">head>title>事件类型title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">scriptsrc="js/jquery.js">/script>style>
2017-09-13 14:36:27 1251
原创 鼠标位置的获取clientX、pageX、offsetX,screenX的使用
DOCTYPE html>htmllang="en">head>title>鼠标位置的获取title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">scriptsrc="js/jquery.js">/script>style
2017-09-07 14:12:56 1154
原创 利用pageX、pageY动态的改变div的位置
1.需求是:当鼠标动态的变化时,即鼠标在不同的DOM上触发事件,div的位置也会不断的发生改变。2.效果图3.代码如下:DOCTYPE html>htmllang="en">head>title>js控制div位置动态变化title>metacharset="UTF-8">metaname="viewport"content="wid
2017-09-07 10:15:23 1711
原创 页面初始化获取div高和宽、窗口变化事件
1.最近在做一个项目里面的页面设计要满足不同屏幕的要求,即做到适应。但是有个问题里面使用的百度echarts图表所在的div的高度和宽度就要设置一定,这样在开始的时候设定就很难满足所有屏幕的要求。 那么就可以可以将外层父级的div的宽度设置100%,通过初始化页面获取外层div的宽度,高度比较好解决,可以设定死,不变的。2.所以在初始化页面的时候获取外层div的宽度,通过计算将合
2017-09-06 10:10:14 2451
原创 rainday.js实现canvas绘制下雨的效果
1.代码如下所示,已添加注释DOCTYPE html>htmllang="en">head>title>绘制雨滴效果title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">scriptsrc="js/rainyda
2017-09-01 15:40:14 1008
原创 结构性伪类选择器
DOCTYPE html>htmllang="en">head>title>结构性伪类选择器title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">style>a:hover {color:red;}/* fi
2017-08-31 14:00:20 305
原创 HTML5在页面上使用谷歌地图
1.在页面上使用谷歌地图的步骤 1).在页面中导入Google map api 的脚本文件 scripttype="text/javascript"src="http://maps.google.com/maps/api/js?sensor=false">/script>2).设定地图参数,设定方法如下:var coords= position
2017-08-31 10:34:31 5552 1
原创 HTML5获取地理位置信息
DOCTYPE html>html lang="en">head>title>Geolocation APItitle>meta charset="UTF-8">meta name="viewport" content="width=device-width, initial-scale=1">scriptsrc="http://maps.googl
2017-08-31 09:49:40 365
原创 HTML5本地数据库留言本
DOCTYPE html>htmllang="en">head>title>本地数据库title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">head>bodyonload="init()">p>本地数据库p>
2017-08-30 09:49:23 351
原创 localStorage实现简单web 留言本
DOCTYPE html>htmllang="en">head>title>web 留言本title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">head>body>p>简单web 留言本p>textareai
2017-08-29 16:14:42 805
原创 canvas画图集合
DOCTYPE html>htmllang="en">head>title>渐变图形title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">head>bodyonload="draw8()">p>绘制渐变图形p>
2017-08-29 14:10:02 566
原创 js实现评论框展开和隐藏
1.效果图如下所示,点击评论会在对应的评论区域展开评论输入框,点击取消会取消对应的评论输入框2.html代码:需要引入jquery.jsdivclass="nr-comment">divclass="nr-comment-con">divclass="nr-comment-nav">divclass="comment-number">span
2017-08-25 09:06:35 2931
转载 自定义设置css checkbox样式
1.htmldiv>inputtype="checkbox" />123div>2.css样式style>input[type=checkbox],input[type=radio] {-webkit-appearance:none;width:15px;height:15px;margin:0;curso
2017-08-23 16:34:52 364
转载 vue前端UI库
vue常见前端UI库vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui
2017-08-18 14:53:59 345
原创 vue实现a标签点击高亮
DOCTYPE html>htmllang="en">head>title>title>metacharset="UTF-8">metaname="viewport"content="width=device-width, initial-scale=1">-->scriptsrc="js/jquery.js">/script>script
2017-08-18 09:32:13 6143 1
原创 js鼠标悬浮实现菜单栏
1、实现的效果图2.html代码divclass="cm-classify-content clearfix">divclass="cm-kind clearfix">ulclass="tab">liclass="li cur">社交网络iclass="fa fa-angle-right pull-right">i>li>liclas
2017-08-17 17:24:15 2008
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人