舞纷菲 - 博客园

全屏滚动的原理及实现

摘要：之前用fullpage插件做过全屏滚动的页面，今天用js自己实现了一下，还蛮简单的. 首先html结构为 [html] view plain copy <div id="wrap"> <div id="main"> <div id="page1" class="page"></div> <div i 阅读全文

posted @ 2018-05-27 09:39 舞纷菲阅读(984) 评论(1) 推荐(0)

鼠标滑过文字时，文字高亮显示

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文

posted @ 2018-05-25 13:33 舞纷菲阅读(365) 评论(0) 推荐(0)

鼠标滑过某个图片时，图片慢慢放大

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 300px; border: #000 solid 1px; 阅读全文

posted @ 2018-05-25 13:31 舞纷菲阅读(324) 评论(0) 推荐(0)

全屏分屏js，手机，wap

摘要： http://www.dowebok.com/demo/2014/107/ 阅读全文

posted @ 2018-05-21 10:51 舞纷菲阅读(164) 评论(0) 推荐(0)

wow.js中各种特效对应的类名

摘要：一、（页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。）刚知道wow.js这个插件，之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇，现在自己依葫芦画瓢也能弄出来这种效果了。虽然效果出来了，但是网上并没有整理好的各种特效对应的类名，所以写一篇通俗易懂（阅读全文

posted @ 2018-05-20 14:24 舞纷菲阅读(243) 评论(0) 推荐(0)

JS,Jquery获取各种屏幕的宽度和高度

摘要： Javascript: 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.off 阅读全文

posted @ 2018-05-20 08:40 舞纷菲阅读(120) 评论(0) 推荐(0)

rem是如何实现自适应布局的？

摘要：原文链接：http://caibaojian.com/web-app-rem.html 摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。 rem这是个低调的css单位，近一两年开始崭露头角，有许多同阅读全文

posted @ 2018-05-20 08:32 舞纷菲阅读(3498) 评论(0) 推荐(0)

wow.js中各种特效对应的类名

摘要：一、（页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。）刚知道wow.js这个插件，之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇，现在自己依葫芦画瓢也能弄出来这种效果了。虽然效果出来了，但是网上并没有整理好的各种特效对应的类名，所以写一篇通俗易懂（阅读全文

posted @ 2018-05-05 14:36 舞纷菲阅读(257) 评论(0) 推荐(0)

css 设置背景图片模糊，内容不模糊

摘要：需求：一个div设置了background: url，现在需要使图片背景模糊，div内的文字清晰显示。原始代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .cont 阅读全文

posted @ 2016-10-25 09:24 舞纷菲阅读(11487) 评论(1) 推荐(0)

控制元素的点击执行事件只执行一次

摘要： if(e.handled !== true){ } e.handled=true; function(e) 完整例子： $('.shoucangtitlele').click(function(e){ if(e.handled !== true){ var data = $(this).attr(' 阅读全文

posted @ 2016-10-17 10:15 舞纷菲阅读(1456) 评论(0) 推荐(0)

导航

2018年5月27日

2018年5月25日

2018年5月21日

2018年5月20日

2018年5月5日

2016年10月25日

2016年10月17日