2017年6月29日
jQuery全局冲突案例，解决$.noConflict()
摘要： 如图：犹豫$在js中可以作为一个变量去定义，所以在引入jQuery包之前定义了$对象，那么，在引入jQuery包之后就不能使用$对象了 解决：使用$.noConflict()她可以返回一个对象，这个对象名是任意定义的，使用了$.noConflict()之后即释放了$对象，那么再在jQuery中使用的 阅读全文
posted @ 2017-06-29 10:44 carrie_zhao 阅读(158) 评论(0) 推荐(0)
jQuery实际案例⑥——图片跟随鼠标、五角星评分案例
摘要： 一、图片跟随鼠标移动 1、要求：鼠标移动到哪，图片就要跟到哪 2、用到的事件：首先监听鼠标：$(document).mousemove(function(event){ }); //此时可以获取鼠标距离页面左侧、顶部的距离通过event.pageX、event.pageY，然后通过修改图片的left 阅读全文
posted @ 2017-06-29 10:38 carrie_zhao 阅读(417) 评论(0) 推荐(0)
2017年6月28日
jQuery实际案例⑤——仿京东侧边栏（楼层）
摘要： 楼层：①页面滑动到哪块儿“楼层”就显示到哪个；②点击某“楼层”页面滚动到对应的位置；③点击“返回”回到页面顶部 实现：①使用$(window).scroll(function(){ }); //监视页面滚动的高度，使用$(document).scrollTop();获取；②滚到对应的位置：$("ht 阅读全文
posted @ 2017-06-28 18:33 carrie_zhao 阅读(1544) 评论(0) 推荐(0)
jQuery实际案例④——360导航图片效果
摘要： 如图：①首先使用弹性盒子布局display:flex; flex-wrap:wrap; ②鼠标移上去出现“百度一下，你就知道了”，这句话之前带上各个网站的logo；③logo使用的是sprite，需要注意的是background-position使用的是负值(-) 整体代码如下： <!DOCTYPE 阅读全文
posted @ 2017-06-28 17:28 carrie_zhao 阅读(235) 评论(0) 推荐(0)
flex-wrap:wrap弹性盒布局，自动换行
摘要： 给父盒子ul{display:flex; flex-wrap:wrap; } 阅读全文
posted @ 2017-06-28 17:23 carrie_zhao 阅读(9751) 评论(1) 推荐(1)
jQuery实际案例③——手风琴的效果
摘要： 如图，用最简单的方式实现手风琴的效果，核心，就是通过改变自身即鼠标移上去的那张图的width，与其他的width就可，但是需要用animate，先改变自己的width，再改变其他的。 阅读全文
posted @ 2017-06-28 16:30 carrie_zhao 阅读(259) 评论(0) 推荐(0)
jQuery实际案例②——三层轮播图
摘要： 1、如图，这种轮播图需要实现的是，当鼠标移到2上时，第二张图片从右侧过来 2、需要注意的：①很明显这是通过改变z-index与left值来实现的； ②整体布局需注意，图与数值(1,2,3,4,5)两个大盒子之间的关系，图的父盒子的z-index < 数值的父盒子的z-index值，即：只要父盒子的z 阅读全文
posted @ 2017-06-28 16:20 carrie_zhao 阅读(235) 评论(0) 推荐(0)
jQuery实际案例①——淘宝精品广告(鼠标触碰切换图片、自动轮播图片)
摘要： 遇到的问题：自动轮播的实现，实质与轮播图一样儿一样儿的，不要被不同的外表所欺骗，具体的js代码如下： 阅读全文
posted @ 2017-06-28 15:51 carrie_zhao 阅读(401) 评论(0) 推荐(0)
2017年6月27日
修改sublime侧边栏的颜色
摘要： Ctrl+Shift+P -> install -> 搜索安装包SyncedSidebarBg，自动同步侧边栏底色为编辑窗口底色。 阅读全文
posted @ 2017-06-27 14:39 carrie_zhao 阅读(260) 评论(0) 推荐(0)
webstorm的安装、激活码、更换主题颜色的修改、汉化
摘要： 一、安装 1、解压webstorm11zh.rar，双击.exe文件，下一步安装，在安装结束前会提示输入激活码，这个从网上随便找一个可用的即可。 二、更换主题颜色： 1、先从网上找一个喜欢的主题颜色，比如sublime的默认色； 2、file—Import Settings—找到你放置的.jar导入 阅读全文
posted @ 2017-06-27 14:37 carrie_zhao 阅读(2060) 评论(0) 推荐(0)