2017 年 5月随笔档案 - webstrom10

项目pather代码

摘要：//底部轮播功能//盒子scrollRight滚动把滚动的li 插入ul第一个子元素当中 prependvar ulParentWidth = $('.patherBox').innerWidth(); console.log(ulParentWidth);var lis = $('#runbox 阅读全文

posted @ 2017-05-27 14:13 webstrom10 阅读(367) 评论(0) 推荐(0)

盒子阴影：一般用的阴影外阴影代表从上往下照,inset就是内阴影从元素的底部网上照

摘要：CSS3-Box-shadow阴影效果用法趣味讲解时间：2014-03-21 来源：互联网 3415 随着技术的发展，代码在不断的进步，进而替代一些图片所能实现的效果，其中CSS3属性中“Box-shadow”表现阴影效果是现代浏览器中是一个非常有用的技巧，通过它我们可以做出很多非常酷的东西。让我阅读全文

posted @ 2017-05-26 15:42 webstrom10 阅读(656) 评论(0) 推荐(0)

a标签的初始化，遵循 love hate原则

摘要：a:link{ text-decoration:none; /* 指正常的未被访问过的链接*/}a:visited{ text-decoration:none; /*指已经访问过的链接*/}a:hover{ text-decoration:none; color: #C81623; /*指鼠标在链接阅读全文

posted @ 2017-05-25 17:50 webstrom10 阅读(3482) 评论(0) 推荐(0)

谷歌浏览器鼠标指向a标签时震动的原因

摘要：chrome浏览网页时鼠标移到链接时有时页面会抖一下 200 求解，就装了ie tab和广告终结者两个扩展 smile屠灭天下 | 浏览 774 次 chrome浏览网页时鼠标移到链接时有时页面会抖一下 200 smile屠灭天下 | 浏览 774 次发布于2017-03-03 09:32 最佳答阅读全文

posted @ 2017-05-25 17:12 webstrom10 阅读(371) 评论(0) 推荐(0)

遇到的问题

摘要：设置display: inline-block;要 vertical-align: bottom;注册window.onscroll事件打印不了document.body.scrollTop 阅读全文

posted @ 2017-05-25 16:10 webstrom10 阅读(131) 评论(0) 推荐(0)

这个页面卷曲的距离有点问题

摘要：var headTop = document.body.scrollTop||document.documentElement.scrollTop;//没有封装兼容性//var headTop = document.documentElement.scrollTop || window.pageYO 阅读全文

posted @ 2017-05-25 10:15 webstrom10 阅读(332) 评论(0) 推荐(0)

全国省市车牌二级联动json数据

摘要：[ { "code": "冀A", "city": "石家庄", "province": "河北", "Pcode": "HB" }, { "code": "冀B", "city": "唐山", "province": "河北", "Pcode": "HB" }, { " 阅读全文

posted @ 2017-05-22 17:13 webstrom10 阅读(2381) 评论(0) 推荐(0)

原生js的二级联动

摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script language=javascript> cities = new Object(); cities['台阅读全文

posted @ 2017-05-22 17:12 webstrom10 阅读(328) 评论(0) 推荐(0)

onchaneg事件

摘要：定义和用法支持该事件的 JavaScript 对象： fileUpload, select, text, textarea 定义和用法支持该事件的 JavaScript 对象：实例 1 在本例中，我们将在用户改变输入域内容时执行 JavaScript 代码： <html> <head> <sc 阅读全文

posted @ 2017-05-21 15:13 webstrom10 阅读(267) 评论(0) 推荐(0)

怎么学好javascript?

摘要：js给初学者的印象总是那么的“杂而乱”，相信很多初学者都在找轻松学习js的途径。我试着总结自己学习多年js的经验，希望能给后来的学习者探索出一条“轻松学习js之路”。js给人那种感觉的原因多半是因为它如下的特点： A：本身知识很抽象、晦涩难懂，如：闭包、内置对象、DOM。 B：本身内容很多，如函数库阅读全文

posted @ 2017-05-19 23:02 webstrom10 阅读(259) 评论(0) 推荐(0)

文本超出显示...

摘要：强制一行内显示，white-space:nowrap；第二个是溢出内容隐藏，overflow:hidden; 阅读全文

posted @ 2017-05-19 22:57 webstrom10 阅读(160) 评论(0) 推荐(0)

css旋转做的六边形

摘要：> li { width: 75px; height: 129px; border: 1px solid #F29C83; border-radius: 5px; background-color: #fff; position: relative; &::before, &::after { co 阅读全文

posted @ 2017-05-19 14:04 webstrom10 阅读(397) 评论(0) 推荐(0)

鼠标的形状和 hover下浮框

摘要：需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。阅读全文

posted @ 2017-05-16 10:06 webstrom10 阅读(433) 评论(0) 推荐(0)

jq on注册事件on() 参数可以为一个对象，方便注册多个事件

摘要：阅读全文

posted @ 2017-05-15 18:09 webstrom10 阅读(284) 评论(0) 推荐(0)

这是初始化selete 和input 的小技巧对于ie浏览器

摘要：select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appeara 阅读全文

posted @ 2017-05-15 15:52 webstrom10 阅读(251) 评论(0) 推荐(0)

真是奇怪，js可以，jq却开启了多个定时器，谁能解答一下

摘要：timer = setInterval(mar,30); //鼠标移上去清除时钟 box.onmouseover = function(event){ clearInterval(timer); event.stopPropagation(); //这里是阻止冒泡，不加要冒泡到body上面，鼠标在b 阅读全文

posted @ 2017-05-15 14:25 webstrom10 阅读(767) 评论(1) 推荐(0)

html里面有一个控制文字滚动的标签marquee，比较有用。

摘要：本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。制作滚动文字通过本章前面的学习，读者已经能够很好地控制各种段落文字的显示方式，不过无论怎么设置，文字都是静态的。本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。阅读全文

posted @ 2017-05-13 18:06 webstrom10 阅读(631) 评论(0) 推荐(0)

webstrom的比较重要的快捷键

摘要：shift + tab 缩进代码块退格 ctrl + x 删除一行 ctrl + y 删除一行shift + enter z重新开始一行，无论光标在哪个位置这个很好用阅读全文

posted @ 2017-05-13 16:27 webstrom10 阅读(153) 评论(0) 推荐(0)

元素随着滚动条滚动而滚动，但是到浏览器窗口顶部的距离是固定的功能代码

摘要：<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jquery浮动层</title> <scr 阅读全文

posted @ 2017-05-13 14:49 webstrom10 阅读(1538) 评论(0) 推荐(0)