随笔分类 -  jQuery 、CSS3的特效

jQuery特效： 鼠标滑过切换图片路径路径 CSS3写的光晕往四周扩散的 小米路由器效果
纯CSS实现图片上下抖动
摘要： 阅读全文
posted @ 2018-08-20 18:15 和路雪 阅读(3163) 评论(0) 推荐(0)
光晕往四周扩散 CSS3
摘要：CSS： 阅读全文
posted @ 2017-08-24 14:54 和路雪 阅读(941) 评论(0) 推荐(0)
responsiveSlides 封装好的轮播插件 直接调用
摘要：先引入 responsiveslides.min.js 插件 2、再调用里面封装好的方法 HTML CSS 阅读全文
posted @ 2017-08-24 14:42 和路雪 阅读(601) 评论(0) 推荐(0)
动态修改手机号
摘要：需求：整个网站所有的手机号都改过来 思路：为了节省一个个找模板替换再去生成的时间，直接该网站引到的所有js文件，用js动态修改那段标签的文本内容 js: 阅读全文
posted @ 2017-07-13 15:31 和路雪 阅读(277) 评论(0) 推荐(0)
jquery选择器
摘要：CSS 另： HTML布局时心得 ： 比如 鼠标移入每一块产生特效，尽量把相关联的东西写到一起，包到一个div里面；这样方便选择器找，从而减少代码量。 所以布局时要多想想，写HTML是就要想到CSS和js是怎么写的。 阅读全文
posted @ 2017-06-20 10:40 和路雪 阅读(163) 评论(0) 推荐(0)
滚动监听+导航固顶
摘要：css js: 阅读全文
posted @ 2017-06-11 20:47 和路雪 阅读(439) 评论(0) 推荐(0)
选项卡 || 图片切换
摘要：//选项卡 移入当前选项，显示对应的内容，在移入下一个板块前，当前高亮不会消失 $(function(){ $('.main2 ul li').mouseenter(function(){ $(this).addClass('on'); $(this).siblings().removeClass( 阅读全文
posted @ 2017-06-06 20:28 和路雪 阅读(519) 评论(0) 推荐(0)
选项卡+轮播的实现
摘要：html: css: js: 阅读全文
posted @ 2017-06-06 14:53 和路雪 阅读(358) 评论(0) 推荐(0)
滚动监听
摘要：//滚动条滚动时右侧内容始终固定在屏幕右侧滚动的位置[滚动监听的一种] //滚动条滚动时右侧内容始终固定在屏幕右侧滚动的位置 $(window).scroll(function() { var top = $(window).scrollTop(); if(top>=690){ // alert(11); $... 阅读全文
posted @ 2017-05-25 09:24 和路雪 阅读(203) 评论(1) 推荐(1)
鼠标滑过下拉菜单抖动的问题 slideup/slidedown() 抖动问题以及背景透明问题
摘要：<script type="text/javascript"> $('li').children('dl').css({'margin': '0','display' :'none'}) $('li').mouseover(function(){ $(this).children('dl').sli 阅读全文
posted @ 2017-05-22 11:50 和路雪 阅读(1038) 评论(0) 推荐(0)
hover 切换背景图片路径
摘要：#glass{ width: 42px; height: 38px; border: 1px solid #dfdfdf; position: absolute; background:url(../images/z-hear-search.png) no-repeat center; backgr 阅读全文
posted @ 2017-05-16 16:35 和路雪 阅读(1787) 评论(0) 推荐(0)
js样式，默认显示第一个
摘要：1、$('.z_scly_li li').mouseover(function(){ $(this).find('a').addClass('z_scly_li_on').parent().siblings().find('a').removeClass('z_scly_li_on');});样式： 阅读全文
posted @ 2017-05-15 16:35 和路雪 阅读(538) 评论(0) 推荐(0)
鼠标滑过切换图片路径
摘要：//切换图片路径var newImage = new Image(); //预载入图片var oldImage = $('.img').attr('src');newImage.src = 'static/images/z_peo_change.png';$('.b').hover(function 阅读全文
posted @ 2017-05-11 11:00 和路雪 阅读(818) 评论(0) 推荐(0)