qq_36354609-CSDN博客

原创 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 641

原创很好用的一个轮播图

请参考链接：http://www.jq22.com/jquery-info3732

2017-09-29 08:37:19 310

原创拖放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 237

原创 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 218

原创 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 171

原创 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 817

原创 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 1199

原创鼠标位置的获取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 1117

原创利用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 1684

原创页面初始化获取div高和宽、窗口变化事件

1.最近在做一个项目里面的页面设计要满足不同屏幕的要求，即做到适应。但是有个问题里面使用的百度echarts图表所在的div的高度和宽度就要设置一定，这样在开始的时候设定就很难满足所有屏幕的要求。那么就可以可以将外层父级的div的宽度设置100%，通过初始化页面获取外层div的宽度，高度比较好解决，可以设定死，不变的。2.所以在初始化页面的时候获取外层div的宽度，通过计算将合

2017-09-06 10:10:14 2425

原创 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 967

原创结构性伪类选择器

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 287

原创 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 5492 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 319

原创 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 334

原创 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 773

原创 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 551

原创 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 2896

转载自定义设置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 341

转载 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 331

原创 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 6084 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 1964

qq_36354609的博客