- 博客(31)
- 收藏
- 关注
RSS订阅原创 jq 搜索框绑定回车事件
<script type="text/javascript" src="Scripts/jquery-1.6.2.js"></script> <script language="javascript" type="text/javascript"> $(function(){ $('#dataInput').b
2018-10-30 10:20:25
2294
原创 字符串与数组相互转换
1. 字符串转数组var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分解 ["abc", "abcd", "aaa"]var s1 = "helloworld";ss1 = s1.split(''); //["h", "e", "l", "l&quo
2018-10-26 16:06:52
181
原创 input 回车事件
<form> <input type="text" id="gover_search_key"><button type="button" onclick="search()"><i class="fa fa-search" aria-hidden="true"
2018-10-26 16:01:35
2221
原创 插入视频
1. ifame嵌入 – 支持嵌入第三方视频以及本地视频。 <!-- 使用iframe嵌入本地视频 --> <div style="width: 500px;height: 380px;margin: 0px auto;"> <iframe width="500px" height="380px" src="mda-ic3eip66u8.
2018-10-16 15:30:17
3274
原创 解决ie下localstorge不支持的问题
localStorage 进行本地存储的时候ie11不支持，改为cookie存贮，使用方法：1.引入jquery.js：&lt;script src="//cdn.bootcss.com/jquery/1.12.4/jquery.js"&gt;&lt;/script&gt;2.引入jquery cookie插件：&lt;script src="//cdn.bootcs
2018-09-28 15:49:15
10078
3
原创 解决IE11下Promise未定义的问题
1. 引入bluebird.min.js2. 在脚本里动态判断引入&lt;script type="text/javascript"&gt; function isIE() { if (!!window.ActiveXObject || "ActiveXObject" in window) { return true; } els...
2018-09-28 15:18:14
8541
1
原创 localStorage、sessionStorage、Cookie的区别及用法
1. webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。2. localStorage IE不支持localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。3. ses...
2018-09-27 18:20:44
140
原创 CSS 布局
1.圣杯布局三栏布局；主要内容写在前面，最先载入，但布局位于非最前。两侧定宽，分别位于中间主体两侧（外），中间流式（自动宽度）。HTML代码<body> <div class="container"> <div class="main">Main Content</div> <div class="left&
2018-09-19 14:17:31
136
原创 GitHub 使用
把本地项目上传至github步骤：1. 进入本地项目的根目录：cd/ /2. git初始化：git init之后本地文件夹会多一个.git 的文件夹3. 可以通过git status来查看你当前的状态。然后通过git add把项目添加到仓库（或git add .把该目录下的所有文件添加到仓库，注意点是用空格隔开的）。在这个过程中你其实可以一直使用git status来查看你当前...
2018-09-13 14:25:39
119
原创 js原生实现瀑布流
使用position 排列图片，动态定位top、left1. 确定浏览器显示区域内，一行放多少列图片盒子（图片宽度一致，高度由内容撑开）；1.1 获取页面宽度1.2 获取图片盒子宽度1.3 显示的列数 = 页面宽度 / 图片盒子宽度2. 确定列数之后，先排列第一行2.1 显示的列数 = 页面宽度/（图片盒子宽度+间隙）；2.2 for 循环里判断 当...
2018-09-13 11:52:27
247
原创 放大镜
html代码<body><div class="box" id="box"> <div class="small"><!--小层--> <img src="images/small.png" width="350" alt=""/&
2018-09-11 22:17:00
143
原创 拖拽对话框
html代码<body><div class="login-header"><a id="link" href="javascript:void(0);">点击，弹出登录框</a></div><div id="login" class="login&quo
2018-09-11 21:20:34
215
原创 canvas实现点在曲线上运动并显示坐标
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;style type="text/css"&gt; #theCanvas { position: absolute; top: 0px; left:
2018-09-04 14:18:32
2696
原创 three.js
1. 创建三要素：场景（scene）、相机（camera）和渲染器（renderer）var scene = new THREE.Scene(); // 场景var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);// 透视相机var renderer = ...
2018-09-04 11:18:13
215
原创 jq 实现轮播
&lt;div class="wrap"&gt; &lt;ul class="img"&gt; &lt;li&gt; &lt;a href=""&gt;&lt;img sr
2018-08-25 10:51:29
429
原创 js 实现轮播图
&amp;lt;div class=&quot;all&quot; id='box'&amp;gt; &amp;lt;div class=&quot;screen&quot;&amp;gt;&amp;lt;!--相框--&amp;gt; &amp;lt;ul&amp;gt;
2018-08-24 21:42:58
153
原创 css 动画
animation：动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向 【引用动画】@keyframes 动画名称 {} 【定义动画】
2018-08-24 14:07:04
126
原创 css 变形
1. 2d变形transform 写在：hover 里 鼠标放上去有一个动画效果transition 写在做动画的元素里，谁做动画谁加过渡1. translate 移动 （px）/（%）translate（50%）；里面如果时% ，不是以父级为标准，而是以自己的宽度为准此特性可以让定对的盒子居中齐位2. scale 缩放 （数字）小于1是缩小，大于1是放大...
2018-08-24 13:29:59
202
原创 css 过渡
transition：要过渡的css属性 花费的时间 运动曲线 何时开始div{width:100px;height:100px;background:yellow;transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and...
2018-08-24 10:11:36
145
原创 滑动门技术
&lt;div class="nav fr"&gt; &lt;ul &gt; &lt;li class="home"&gt; &lt;a href="#"&
2018-08-23 17:35:28
505
原创 一行文本溢出省略
效果：white-space: nowrap; //强制一行显示text-overflow: ellipsis; //溢出文本时显示省略标记
2018-08-23 16:18:16
929
原创 轮播图插件
myfocus使用方式：1. 2. html 结构<div id="boxID" style="visibility:hidden"><!--焦点图盒子--> <ul class="pic"><!--内容列表--> <li><a href="
2018-08-16 19:01:09
654
原创 js 实现倒计时
&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;js简单时分秒倒计时&amp;lt;/title&amp;
2018-08-13 17:25:07
184
原创 css 图片宽度100%
图片宽度为100%，会让图片随着修改他的宽度而自动改变他的高度以保持宽高比例原图片为 800*500img{ width:100%;}当有了此属性，width: 400,在js里 修改为400的时候，自动为400*250如果没有宽度100%，修改后高度仍为500...
2018-08-04 18:29:44
3686
原创 CSS 初始化
雅虎工程师提供的CSS初始化示例代码body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#555; fon...
2018-08-03 18:01:32
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人